@mdn/fred 1.3.0 → 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 (117) hide show
  1. package/CHANGELOG.md +29 -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/env/README.md +2 -0
  6. package/components/env/utils.js +2 -1
  7. package/components/outer-layout/server.js +4 -6
  8. package/components/scrim-inline/element.css +7 -0
  9. package/l10n/en-US.ftl +2 -2
  10. package/out/service-worker.js +1 -1
  11. package/out/service-worker.js.map +1 -1
  12. package/out/static/client/2192.047e085427f96849.js +2 -0
  13. package/out/static/client/2192.047e085427f96849.js.map +1 -0
  14. package/out/static/client/2319.daf8150c3dd00fb4.js +60 -0
  15. package/out/static/client/2319.daf8150c3dd00fb4.js.map +1 -0
  16. package/out/static/client/9379.b25587d6a239abd3.js +2 -0
  17. package/out/static/client/9379.b25587d6a239abd3.js.map +1 -0
  18. package/out/static/client/{index.1e789b86311a8c84.js → index.b9d9ebb034538241.js} +12 -12
  19. package/out/static/client/index.b9d9ebb034538241.js.map +1 -0
  20. package/out/static/client/{runtime.8c7621b5c39c82eb.js → runtime.cc9114c9e108157f.js} +2 -2
  21. package/out/static/client/{runtime.8c7621b5c39c82eb.js.map → runtime.cc9114c9e108157f.js.map} +1 -1
  22. package/out/static/client/stats.json +260 -260
  23. package/out/static/client/{styles-a11y-menu.9ef9230de282e800.js → styles-a11y-menu.7611b4bce04dce87.js} +1 -1
  24. package/out/static/client/{styles-advertising.a44392a700080714.js → styles-advertising.6ef20f7efd05a15e.js} +1 -1
  25. package/out/static/client/{styles-article-footer.86b64eeebebad91b.js → styles-article-footer.cc0f537c8ada7c9b.js} +1 -1
  26. package/out/static/client/{styles-banner.fbff125bcec971bb.js → styles-banner.9d03daba84c11958.js} +1 -1
  27. package/out/static/client/styles-baseline-indicator.33eb05f9a9b91b89.js +1 -0
  28. package/out/static/client/{styles-blog-index.ffc8cf956c8e4373.js → styles-blog-index.ef4c3381388cfc3c.js} +1 -1
  29. package/out/static/client/{styles-blog-post.a91d641515116579.js → styles-blog-post.ab28b6e530a52ebd.js} +1 -1
  30. package/out/static/client/{styles-breadcrumbs-bar.99a04f7eef75930e.js → styles-breadcrumbs-bar.a5b3dde8e4982283.js} +1 -1
  31. package/out/static/client/{styles-breadcrumbs.efcc208fb9e255c5.js → styles-breadcrumbs.5333e663949a9a4d.js} +1 -1
  32. package/out/static/client/{styles-button.fbe882b992422121.js → styles-button.ef5d0faf165ee6e2.js} +1 -1
  33. package/out/static/client/{styles-content-section.97477ade56571b27.js → styles-content-section.9fe8a1ad9c2259f7.js} +1 -1
  34. package/out/static/client/{styles-content-section.0dbf80e850fa3402.css → styles-content-section.e0bbadd0c4bc857d.css} +2 -2
  35. package/out/static/client/{styles-content-section.0dbf80e850fa3402.css.map → styles-content-section.e0bbadd0c4bc857d.css.map} +1 -1
  36. package/out/static/client/styles-contributor-spotlight.2a64f233a4b2f8cf.js +1 -0
  37. package/out/static/client/{styles-curriculum-about.f15ed5fd5438c809.js → styles-curriculum-about.5b5af2be7bfeb792.js} +1 -1
  38. package/out/static/client/styles-curriculum-default.56f461a14f48000f.js +1 -0
  39. package/out/static/client/styles-curriculum-landing.0b13e3b8789c8975.js +1 -0
  40. package/out/static/client/{styles-curriculum-module.4f565696a741e039.js → styles-curriculum-module.09d969ccdd8fba0e.js} +1 -1
  41. package/out/static/client/styles-curriculum-overview.0b6ec4922ffa21cd.js +1 -0
  42. package/out/static/client/{styles-featured-articles.33d674ab9d0a4b23.js → styles-featured-articles.bf0dd66c721166d5.js} +1 -1
  43. package/out/static/client/{styles-footer.61afa985d6c61587.js → styles-footer.abd19f8639decb33.js} +1 -1
  44. package/out/static/client/{styles-generic-about.832ee823b2a15f3d.js → styles-generic-about.8e7b0a1963a28044.js} +1 -1
  45. package/out/static/client/{styles-generic-community.747ac72340973838.js → styles-generic-community.3be0ea626cc23a91.js} +1 -1
  46. package/out/static/client/{styles-generic-content.a3756d3e18ebaa38.js → styles-generic-content.fb3767c6c038360a.js} +1 -1
  47. package/out/static/client/{styles-generic-layout.35e962adef8a2f23.js → styles-generic-layout.a167731346d98e68.js} +1 -1
  48. package/out/static/client/{styles-generic-sidebar.0292229bdf97c876.js → styles-generic-sidebar.5980d2f382e31c2f.js} +1 -1
  49. package/out/static/client/{styles-generic-toc.0cf78fef4fb1ca04.js → styles-generic-toc.e87b903f40b5ee3d.js} +1 -1
  50. package/out/static/client/{styles-global.73ea7609e20e907a.js → styles-global.57880af9e7d6375b.js} +1 -1
  51. package/out/static/client/styles-global.c9f2a49e47bf5c55.css +2 -0
  52. package/out/static/client/{styles-global.d92154c94ac95c1e.css.map → styles-global.c9f2a49e47bf5c55.css.map} +1 -1
  53. package/out/static/client/{styles-heading-anchor.40bbc9df73fbe3ed.js → styles-heading-anchor.9c108abd05c06751.js} +1 -1
  54. package/out/static/client/{styles-homepage-body.4d5de7246b823efb.js → styles-homepage-body.feca200494fa3f2b.js} +1 -1
  55. package/out/static/client/styles-homepage-contributor-spotlight.03dab9ff0109526a.js +1 -0
  56. package/out/static/client/{styles-homepage-footer.1d2128d057b63f1c.js → styles-homepage-footer.84c517dc0ea370ef.js} +1 -1
  57. package/out/static/client/{styles-homepage-header.7f9ca8158a115853.js → styles-homepage-header.deaef111dbb0c461.js} +1 -1
  58. package/out/static/client/{styles-homepage-hero.a378110befc1e2cf.js → styles-homepage-hero.0663c42e3542e919.js} +1 -1
  59. package/out/static/client/{styles-homepage.5fb3fbe7543e268c.js → styles-homepage.76dcd400ed4ef833.js} +1 -1
  60. package/out/static/client/{styles-latest-news.9807f67c0586ad37.js → styles-latest-news.fdcc5477075ebe1e.js} +1 -1
  61. package/out/static/client/{styles-left-sidebar.2b2c4b35ffab8b27.js → styles-left-sidebar.30b4df297a282352.js} +1 -1
  62. package/out/static/client/{styles-logo.b0bad5a338d3c9d5.js → styles-logo.9063fd7fb72b63d6.js} +1 -1
  63. package/out/static/client/{styles-mandala.12a581abb318dbd8.js → styles-mandala.ce86c75111666a12.js} +1 -1
  64. package/out/static/client/{styles-menu.5b31bb6fde3da1a1.js → styles-menu.69b7fa131dc4d6fa.js} +1 -1
  65. package/out/static/client/{styles-navigation.48b5d8d8c84bded3.js → styles-navigation.135a000deb94eb19.js} +1 -1
  66. package/out/static/client/{styles-not-found.d239b62bbdf556a1.js → styles-not-found.fbeeeeb400396890.js} +1 -1
  67. package/out/static/client/styles-observatory-landing.110db07bb7544066.js +1 -0
  68. package/out/static/client/styles-observatory-results.c3442ff842cbdb45.js +1 -0
  69. package/out/static/client/{styles-page-layout.88f6a1626ac74ab0.js → styles-page-layout.9b3493593d874fb1.js} +1 -1
  70. package/out/static/client/{styles-pagination.cf614f5da0884ae8.js → styles-pagination.e3e8520569a46adb.js} +1 -1
  71. package/out/static/client/{styles-playground.372ea0d0972b1cf7.js → styles-playground.036c5327a7d7e6f4.js} +1 -1
  72. package/out/static/client/styles-recent-contributions.12d4e639949c9e09.js +1 -0
  73. package/out/static/client/{styles-reference-layout.d9101683510063c5.js → styles-reference-layout.0e24dfefa6cc72e3.js} +1 -1
  74. package/out/static/client/{styles-reference-toc.b16b3ae26546340c.js → styles-reference-toc.07c68b6e6c891ede.js} +1 -1
  75. package/out/static/client/{styles-sandbox.c6f491538eb37b5a.js → styles-sandbox.97d617556b73c537.js} +1 -1
  76. package/out/static/client/{styles-site-search.0c4b85eda79571bf.js → styles-site-search.2334e870616575a9.js} +1 -1
  77. package/out/static/client/{styles-translation-banner.89994e4b4025fca7.js → styles-translation-banner.b0a8a3eadb7853f4.js} +1 -1
  78. package/out/static/client/{styles-writer-toolbar.8cf64ea391d384dc.js → styles-writer-toolbar.dd7af6ca4f2b9b18.js} +1 -1
  79. package/out/static/client/{styles.7e12510d3d62d6c2.js → styles.42b0721850a6a7e4.js} +2 -2
  80. package/out/static/client/{styles.7e12510d3d62d6c2.js.map → styles.42b0721850a6a7e4.js.map} +1 -1
  81. package/out/static/legacy/1539.ed9136a5f40f8f86.js +27 -0
  82. package/out/static/legacy/1539.ed9136a5f40f8f86.js.map +1 -0
  83. package/out/static/legacy/asset-manifest.json +7 -7
  84. package/out/static/legacy/{index.fdfbaab08cf3189a.js → index.3504df1c7b6a1b29.js} +3 -3
  85. package/out/static/legacy/{index.fdfbaab08cf3189a.js.map → index.3504df1c7b6a1b29.js.map} +1 -1
  86. package/out/static/legacy/{index.7a7a7a6c9ea9fbe7.html → index.e4ab469094607d20.html} +1 -1
  87. package/out/static/legacy/stats.json +16 -16
  88. package/out/static/legacy/{yari.9ba4e4812214ca1d.js → yari.7a85003b4add8414.js} +3 -3
  89. package/out/static/legacy/{yari.9ba4e4812214ca1d.js.map → yari.7a85003b4add8414.js.map} +1 -1
  90. package/out/static/ssr/index.js +10 -10
  91. package/out/static/ssr/index.js.map +1 -1
  92. package/out/static/ssr/stats.json +4 -4
  93. package/package.json +11 -11
  94. package/out/static/client/2192.6208c073539aca0c.js +0 -2
  95. package/out/static/client/2192.6208c073539aca0c.js.map +0 -1
  96. package/out/static/client/2319.0beb43a38dd85a2c.js +0 -60
  97. package/out/static/client/2319.0beb43a38dd85a2c.js.map +0 -1
  98. package/out/static/client/9379.fdeb8d3dbec381d4.js +0 -2
  99. package/out/static/client/9379.fdeb8d3dbec381d4.js.map +0 -1
  100. package/out/static/client/index.1e789b86311a8c84.js.map +0 -1
  101. package/out/static/client/styles-baseline-indicator.bf566965786907bc.js +0 -1
  102. package/out/static/client/styles-contributor-spotlight.f38b65412f05511a.js +0 -1
  103. package/out/static/client/styles-curriculum-default.e5662ee1eb84c092.js +0 -1
  104. package/out/static/client/styles-curriculum-landing.6e4b9b74a02421c0.js +0 -1
  105. package/out/static/client/styles-curriculum-overview.03c8bb59e85f60fc.js +0 -1
  106. package/out/static/client/styles-global.d92154c94ac95c1e.css +0 -2
  107. package/out/static/client/styles-homepage-contributor-spotlight.40146b76a1b9b98d.js +0 -1
  108. package/out/static/client/styles-observatory-landing.35868a8dba7b4d88.js +0 -1
  109. package/out/static/client/styles-observatory-results.7639a9793cb4d5f4.js +0 -1
  110. package/out/static/client/styles-recent-contributions.1381c21c0d5a9068.js +0 -1
  111. package/out/static/legacy/1539.bf50d6a606ae3f2e.js +0 -27
  112. package/out/static/legacy/1539.bf50d6a606ae3f2e.js.map +0 -1
  113. /package/out/static/client/{2319.0beb43a38dd85a2c.js.LICENSE.txt → 2319.daf8150c3dd00fb4.js.LICENSE.txt} +0 -0
  114. /package/out/static/client/{index.1e789b86311a8c84.js.LICENSE.txt → index.b9d9ebb034538241.js.LICENSE.txt} +0 -0
  115. /package/out/static/legacy/{1539.bf50d6a606ae3f2e.js.LICENSE.txt → 1539.ed9136a5f40f8f86.js.LICENSE.txt} +0 -0
  116. /package/out/static/legacy/{index.fdfbaab08cf3189a.js.LICENSE.txt → index.3504df1c7b6a1b29.js.LICENSE.txt} +0 -0
  117. /package/out/static/legacy/{yari.9ba4e4812214ca1d.js.LICENSE.txt → yari.7a85003b4add8414.js.LICENSE.txt} +0 -0
@@ -1 +1 @@
1
- export const __webpack_id__="8115";export const __webpack_ids__=["8115"];export const __webpack_modules__={66255:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as s from"./styles-a11y-menu.9ef9230de282e800.js";_.C(s),_(_.s=66255);
1
+ export const __webpack_id__="8115";export const __webpack_ids__=["8115"];export const __webpack_modules__={66255:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as s from"./styles-a11y-menu.7611b4bce04dce87.js";_.C(s),_(_.s=66255);
@@ -1 +1 @@
1
- export const __webpack_id__="3753";export const __webpack_ids__=["3753"];export const __webpack_modules__={23801:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as e from"./styles-advertising.a44392a700080714.js";_.C(e),_(_.s=23801);
1
+ export const __webpack_id__="3753";export const __webpack_ids__=["3753"];export const __webpack_modules__={23801:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as s from"./styles-advertising.6ef20f7efd05a15e.js";_.C(s),_(_.s=23801);
@@ -1 +1 @@
1
- export const __webpack_id__="8769";export const __webpack_ids__=["8769"];export const __webpack_modules__={84273:function(){}};import e from"./styles.7e12510d3d62d6c2.js";import*as _ from"./styles-article-footer.86b64eeebebad91b.js";e.C(_),e(e.s=84273);
1
+ export const __webpack_id__="8769";export const __webpack_ids__=["8769"];export const __webpack_modules__={84273:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as o from"./styles-article-footer.cc0f537c8ada7c9b.js";_.C(o),_(_.s=84273);
@@ -1 +1 @@
1
- export const __webpack_id__="3501";export const __webpack_ids__=["3501"];export const __webpack_modules__={57557:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as e from"./styles-banner.fbff125bcec971bb.js";_.C(e),_(_.s=57557);
1
+ export const __webpack_id__="3501";export const __webpack_ids__=["3501"];export const __webpack_modules__={57557:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as s from"./styles-banner.9d03daba84c11958.js";_.C(s),_(_.s=57557);
@@ -0,0 +1 @@
1
+ export const __webpack_id__="6412";export const __webpack_ids__=["6412"];export const __webpack_modules__={64064:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as s from"./styles-baseline-indicator.33eb05f9a9b91b89.js";_.C(s),_(_.s=64064);
@@ -1 +1 @@
1
- export const __webpack_id__="2254";export const __webpack_ids__=["2254"];export const __webpack_modules__={68574:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as e from"./styles-blog-index.ffc8cf956c8e4373.js";_.C(e),_(_.s=68574);
1
+ export const __webpack_id__="2254";export const __webpack_ids__=["2254"];export const __webpack_modules__={68574:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as o from"./styles-blog-index.ef4c3381388cfc3c.js";_.C(o),_(_.s=68574);
@@ -1 +1 @@
1
- export const __webpack_id__="618";export const __webpack_ids__=["618"];export const __webpack_modules__={86162:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as o from"./styles-blog-post.a91d641515116579.js";_.C(o),_(_.s=86162);
1
+ export const __webpack_id__="618";export const __webpack_ids__=["618"];export const __webpack_modules__={86162:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as o from"./styles-blog-post.ab28b6e530a52ebd.js";_.C(o),_(_.s=86162);
@@ -1 +1 @@
1
- export const __webpack_id__="9217";export const __webpack_ids__=["9217"];export const __webpack_modules__={83585:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as e from"./styles-breadcrumbs-bar.99a04f7eef75930e.js";_.C(e),_(_.s=83585);
1
+ export const __webpack_id__="9217";export const __webpack_ids__=["9217"];export const __webpack_modules__={83585:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as s from"./styles-breadcrumbs-bar.a5b3dde8e4982283.js";_.C(s),_(_.s=83585);
@@ -1 +1 @@
1
- export const __webpack_id__="7113";export const __webpack_ids__=["7113"];export const __webpack_modules__={60681:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as s from"./styles-breadcrumbs.efcc208fb9e255c5.js";_.C(s),_(_.s=60681);
1
+ export const __webpack_id__="7113";export const __webpack_ids__=["7113"];export const __webpack_modules__={60681:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as s from"./styles-breadcrumbs.5333e663949a9a4d.js";_.C(s),_(_.s=60681);
@@ -1 +1 @@
1
- export const __webpack_id__="3519";export const __webpack_ids__=["3519"];export const __webpack_modules__={68339:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as o from"./styles-button.fbe882b992422121.js";_.C(o),_(_.s=68339);
1
+ export const __webpack_id__="3519";export const __webpack_ids__=["3519"];export const __webpack_modules__={68339:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as o from"./styles-button.ef5d0faf165ee6e2.js";_.C(o),_(_.s=68339);
@@ -1 +1 @@
1
- export const __webpack_id__="7360";export const __webpack_ids__=["7360"];export const __webpack_modules__={94332:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as o from"./styles-content-section.97477ade56571b27.js";_.C(o),_(_.s=94332);
1
+ export const __webpack_id__="7360";export const __webpack_ids__=["7360"];export const __webpack_modules__={94332:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as o from"./styles-content-section.9fe8a1ad9c2259f7.js";_.C(o),_(_.s=94332);
@@ -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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"}
@@ -0,0 +1 @@
1
+ export const __webpack_id__="7699";export const __webpack_ids__=["7699"];export const __webpack_modules__={9647:function(){}};import o from"./styles.42b0721850a6a7e4.js";import*as t from"./styles-contributor-spotlight.2a64f233a4b2f8cf.js";o.C(t),o(o.s=9647);
@@ -1 +1 @@
1
- export const __webpack_id__="3987";export const __webpack_ids__=["3987"];export const __webpack_modules__={84092:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as o from"./styles-curriculum-about.f15ed5fd5438c809.js";_.C(o),_(_.s=84092);
1
+ export const __webpack_id__="3987";export const __webpack_ids__=["3987"];export const __webpack_modules__={84092:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as o from"./styles-curriculum-about.5b5af2be7bfeb792.js";_.C(o),_(_.s=84092);
@@ -0,0 +1 @@
1
+ export const __webpack_id__="5680";export const __webpack_ids__=["5680"];export const __webpack_modules__={41724:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as e from"./styles-curriculum-default.56f461a14f48000f.js";_.C(e),_(_.s=41724);
@@ -0,0 +1 @@
1
+ export const __webpack_id__="8086";export const __webpack_ids__=["8086"];export const __webpack_modules__={99206:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as s from"./styles-curriculum-landing.0b13e3b8789c8975.js";_.C(s),_(_.s=99206);
@@ -1 +1 @@
1
- export const __webpack_id__="365";export const __webpack_ids__=["365"];export const __webpack_modules__={49861:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as e from"./styles-curriculum-module.4f565696a741e039.js";_.C(e),_(_.s=49861);
1
+ export const __webpack_id__="365";export const __webpack_ids__=["365"];export const __webpack_modules__={49861:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as o from"./styles-curriculum-module.09d969ccdd8fba0e.js";_.C(o),_(_.s=49861);
@@ -0,0 +1 @@
1
+ export const __webpack_id__="2670";export const __webpack_ids__=["2670"];export const __webpack_modules__={46878:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as o from"./styles-curriculum-overview.0b6ec4922ffa21cd.js";_.C(o),_(_.s=46878);
@@ -1 +1 @@
1
- export const __webpack_id__="353";export const __webpack_ids__=["353"];export const __webpack_modules__={13201:function(){}};import e from"./styles.7e12510d3d62d6c2.js";import*as _ from"./styles-featured-articles.33d674ab9d0a4b23.js";e.C(_),e(e.s=13201);
1
+ export const __webpack_id__="353";export const __webpack_ids__=["353"];export const __webpack_modules__={13201:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as s from"./styles-featured-articles.bf0dd66c721166d5.js";_.C(s),_(_.s=13201);
@@ -1 +1 @@
1
- export const __webpack_id__="1856";export const __webpack_ids__=["1856"];export const __webpack_modules__={94188:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as o from"./styles-footer.61afa985d6c61587.js";_.C(o),_(_.s=94188);
1
+ export const __webpack_id__="1856";export const __webpack_ids__=["1856"];export const __webpack_modules__={94188:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as o from"./styles-footer.abd19f8639decb33.js";_.C(o),_(_.s=94188);
@@ -1 +1 @@
1
- export const __webpack_id__="1174";export const __webpack_ids__=["1174"];export const __webpack_modules__={2918:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as e from"./styles-generic-about.832ee823b2a15f3d.js";_.C(e),_(_.s=2918);
1
+ export const __webpack_id__="1174";export const __webpack_ids__=["1174"];export const __webpack_modules__={2918:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as o from"./styles-generic-about.8e7b0a1963a28044.js";_.C(o),_(_.s=2918);
@@ -1 +1 @@
1
- export const __webpack_id__="378";export const __webpack_ids__=["378"];export const __webpack_modules__={28546:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as e from"./styles-generic-community.747ac72340973838.js";_.C(e),_(_.s=28546);
1
+ export const __webpack_id__="378";export const __webpack_ids__=["378"];export const __webpack_modules__={28546:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as o from"./styles-generic-community.3be0ea626cc23a91.js";_.C(o),_(_.s=28546);
@@ -1 +1 @@
1
- export const __webpack_id__="110";export const __webpack_ids__=["110"];export const __webpack_modules__={25774:function(){}};import e from"./styles.7e12510d3d62d6c2.js";import*as _ from"./styles-generic-content.a3756d3e18ebaa38.js";e.C(_),e(e.s=25774);
1
+ export const __webpack_id__="110";export const __webpack_ids__=["110"];export const __webpack_modules__={25774:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as e from"./styles-generic-content.fb3767c6c038360a.js";_.C(e),_(_.s=25774);
@@ -1 +1 @@
1
- export const __webpack_id__="9857";export const __webpack_ids__=["9857"];export const __webpack_modules__={62961:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as e from"./styles-generic-layout.35e962adef8a2f23.js";_.C(e),_(_.s=62961);
1
+ export const __webpack_id__="9857";export const __webpack_ids__=["9857"];export const __webpack_modules__={62961:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as o from"./styles-generic-layout.a167731346d98e68.js";_.C(o),_(_.s=62961);
@@ -1 +1 @@
1
- export const __webpack_id__="4395";export const __webpack_ids__=["4395"];export const __webpack_modules__={43799:function(){}};import e from"./styles.7e12510d3d62d6c2.js";import*as _ from"./styles-generic-sidebar.0292229bdf97c876.js";e.C(_),e(e.s=43799);
1
+ export const __webpack_id__="4395";export const __webpack_ids__=["4395"];export const __webpack_modules__={43799:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as s from"./styles-generic-sidebar.5980d2f382e31c2f.js";_.C(s),_(_.s=43799);
@@ -1 +1 @@
1
- export const __webpack_id__="5833";export const __webpack_ids__=["5833"];export const __webpack_modules__={58489:function(){}};import _ from"./styles.7e12510d3d62d6c2.js";import*as e from"./styles-generic-toc.0cf78fef4fb1ca04.js";_.C(e),_(_.s=58489);
1
+ export const __webpack_id__="5833";export const __webpack_ids__=["5833"];export const __webpack_modules__={58489:function(){}};import _ from"./styles.42b0721850a6a7e4.js";import*as o from"./styles-generic-toc.e87b903f40b5ee3d.js";_.C(o),_(_.s=58489);
@@ -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.7e12510d3d62d6c2.js";var o=function(o){return n(n.s=o)};import*as t from"./styles-global.73ea7609e20e907a.js";n.C(t),o(21440),o(2283),o(99537),o(41100),o(89564),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(10717),o(52213);
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);
@@ -0,0 +1,2 @@
1
+ .badge.inline.optional,.badge.inline.readonly,.badge.inline.secure{border:1px solid var(--color-border-primary);border-radius:1em;color:var(--color-text-secondary);font-size:var(--font-size-small);padding:.25em .5em;vertical-align:text-top;white-space:nowrap}mdn-button{display:inline-flex;vertical-align:middle}mdn-code-example{display:block}:root{--csstools-light-dark-toggle-baa18a82-0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle-baa18a82-0,var(--color-gray-60));--csstools-light-dark-toggle-baa18a82-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-border-secondary:var(--csstools-light-dark-toggle-baa18a82-1,var(--color-gray-40));--csstools-light-dark-toggle-baa18a82-2:var(--csstools-color-scheme--light) var(--color-blue-80);--color-border-active:var(--csstools-light-dark-toggle-baa18a82-2,var(--color-blue-50))}@supports (color:light-dark(red,red)){:root{--color-border-primary:light-dark(var(--color-gray-60),var(--color-gray-40));--color-border-secondary:light-dark(var(--color-gray-40),var(--color-gray-60));--color-border-active:light-dark(var(--color-blue-50),var(--color-blue-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-baa18a82-0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle-baa18a82-0,var(--color-gray-60));--csstools-light-dark-toggle-baa18a82-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-border-secondary:var(--csstools-light-dark-toggle-baa18a82-1,var(--color-gray-40));--csstools-light-dark-toggle-baa18a82-2:var(--csstools-color-scheme--light) var(--color-blue-80);--color-border-active:var(--csstools-light-dark-toggle-baa18a82-2,var(--color-blue-50))}}:root{--csstools-light-dark-toggle-29c9dff5-0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle-29c9dff5-0,var(--color-white));--csstools-light-dark-toggle-29c9dff5-1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle-29c9dff5-1,var(--color-gray-90));--csstools-light-dark-toggle-29c9dff5-2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle-29c9dff5-2,var(--color-gray-80))}@supports (color:light-dark(red,red)){:root{--color-background-page:light-dark(var(--color-white),var(--color-gray-05));--color-background-primary:light-dark(var(--color-gray-90),var(--color-gray-10));--color-background-secondary:light-dark(var(--color-gray-80),var(--color-gray-20))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-29c9dff5-0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle-29c9dff5-0,var(--color-white));--csstools-light-dark-toggle-29c9dff5-1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle-29c9dff5-1,var(--color-gray-90));--csstools-light-dark-toggle-29c9dff5-2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle-29c9dff5-2,var(--color-gray-80))}}:root{--csstools-light-dark-toggle-29c9dff5-3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle-29c9dff5-3,var(--color-red-90));--csstools-light-dark-toggle-29c9dff5-4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle-29c9dff5-4,var(--color-orange-90));--csstools-light-dark-toggle-29c9dff5-5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle-29c9dff5-5,var(--color-yellow-90));--csstools-light-dark-toggle-29c9dff5-6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle-29c9dff5-6,var(--color-green-90));--csstools-light-dark-toggle-29c9dff5-7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle-29c9dff5-7,var(--color-blue-90));--csstools-light-dark-toggle-29c9dff5-8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle-29c9dff5-8,var(--color-purple-90))}@supports (color:light-dark(red,red)){:root{--color-background-red:light-dark(var(--color-red-90),var(--color-red-10));--color-background-orange:light-dark(var(--color-orange-90),var(--color-orange-10));--color-background-yellow:light-dark(var(--color-yellow-90),var(--color-yellow-10));--color-background-green:light-dark(var(--color-green-90),var(--color-green-10));--color-background-blue:light-dark(var(--color-blue-90),var(--color-blue-10));--color-background-purple:light-dark(var(--color-purple-90),var(--color-purple-10))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-29c9dff5-3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle-29c9dff5-3,var(--color-red-90));--csstools-light-dark-toggle-29c9dff5-4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle-29c9dff5-4,var(--color-orange-90));--csstools-light-dark-toggle-29c9dff5-5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle-29c9dff5-5,var(--color-yellow-90));--csstools-light-dark-toggle-29c9dff5-6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle-29c9dff5-6,var(--color-green-90));--csstools-light-dark-toggle-29c9dff5-7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle-29c9dff5-7,var(--color-blue-90));--csstools-light-dark-toggle-29c9dff5-8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle-29c9dff5-8,var(--color-purple-90))}}:root{--csstools-light-dark-toggle-e9dfdd1f-0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle-e9dfdd1f-0,var(--color-black));--csstools-light-dark-toggle-e9dfdd1f-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle-e9dfdd1f-1,var(--color-gray-40))}@supports (color:light-dark(red,red)){:root{--color-text-primary:light-dark(var(--color-black),var(--color-white));--color-text-secondary:light-dark(var(--color-gray-40),var(--color-gray-60))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-e9dfdd1f-0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle-e9dfdd1f-0,var(--color-black));--csstools-light-dark-toggle-e9dfdd1f-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle-e9dfdd1f-1,var(--color-gray-40))}}:root{--csstools-light-dark-toggle-e9dfdd1f-2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle-e9dfdd1f-2,var(--color-red-20));--csstools-light-dark-toggle-e9dfdd1f-3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle-e9dfdd1f-3,var(--color-orange-20));--csstools-light-dark-toggle-e9dfdd1f-4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle-e9dfdd1f-4,var(--color-yellow-20));--csstools-light-dark-toggle-e9dfdd1f-5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle-e9dfdd1f-5,var(--color-green-20));--csstools-light-dark-toggle-e9dfdd1f-6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle-e9dfdd1f-6,var(--color-blue-20));--csstools-light-dark-toggle-e9dfdd1f-7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle-e9dfdd1f-7,var(--color-purple-20))}@supports (color:light-dark(red,red)){:root{--color-text-red:light-dark(var(--color-red-20),var(--color-red-80));--color-text-orange:light-dark(var(--color-orange-20),var(--color-orange-80));--color-text-yellow:light-dark(var(--color-yellow-20),var(--color-yellow-80));--color-text-green:light-dark(var(--color-green-20),var(--color-green-80));--color-text-blue:light-dark(var(--color-blue-20),var(--color-blue-80));--color-text-purple:light-dark(var(--color-purple-20),var(--color-purple-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-e9dfdd1f-2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle-e9dfdd1f-2,var(--color-red-20));--csstools-light-dark-toggle-e9dfdd1f-3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle-e9dfdd1f-3,var(--color-orange-20));--csstools-light-dark-toggle-e9dfdd1f-4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle-e9dfdd1f-4,var(--color-yellow-20));--csstools-light-dark-toggle-e9dfdd1f-5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle-e9dfdd1f-5,var(--color-green-20));--csstools-light-dark-toggle-e9dfdd1f-6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle-e9dfdd1f-6,var(--color-blue-20));--csstools-light-dark-toggle-e9dfdd1f-7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle-e9dfdd1f-7,var(--color-purple-20))}}:root{--csstools-light-dark-toggle-e40c6b49-0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle-e40c6b49-0,var(--color-blue-20));--csstools-light-dark-toggle-e40c6b49-1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle-e40c6b49-1,var(--color-purple-20))}@supports (color:light-dark(red,red)){:root{--color-link-normal:light-dark(var(--color-blue-20),var(--color-blue-80));--color-link-visited:light-dark(var(--color-purple-20),var(--color-purple-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-e40c6b49-0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle-e40c6b49-0,var(--color-blue-20));--csstools-light-dark-toggle-e40c6b49-1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle-e40c6b49-1,var(--color-purple-20))}}:root{--color-scrollbar-track:#0000;--csstools-light-dark-toggle-a81cd71e-0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle-a81cd71e-0,var(--color-black-alpha-25))}@supports (color:light-dark(red,red)){:root{--color-scrollbar-thumb:light-dark(var(--color-black-alpha-25),var(--color-white-alpha-25))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-a81cd71e-0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle-a81cd71e-0,var(--color-black-alpha-25))}}:root{--color-area-background:var(--color-background-blue);--color-area-highlight-border:var(--color-blue-50);--color-area-link:var(--color-link-normal)}:root[data-current-area=learn]{--color-area-background:var(--color-background-orange);--color-area-highlight-border:var(--color-orange-50);--csstools-light-dark-toggle-9cb2d9c1-0:var(--csstools-color-scheme--light) var(--color-orange-80);--color-area-link:var(--csstools-light-dark-toggle-9cb2d9c1-0,var(--color-orange-20))}@supports (color:light-dark(red,red)){:root[data-current-area=learn]{--color-area-link:light-dark(var(--color-orange-20),var(--color-orange-80))}}@supports not (color:light-dark(tan,tan)){[data-current-area=learn]:root *{--csstools-light-dark-toggle-9cb2d9c1-0:var(--csstools-color-scheme--light) var(--color-orange-80);--color-area-link:var(--csstools-light-dark-toggle-9cb2d9c1-0,var(--color-orange-20))}}:root{--color-white:#fff;--color-white-alpha-25:#ffffff40;--color-white-alpha-75:#ffffffbf;--color-black:#000;--color-black-alpha-25:#00000040;--color-black-alpha-75:#000000bf;--color-gray-90:#f7f7f8;--color-gray-80:#edeef0;--color-gray-60:#c3c7cb;--color-gray-40:#51565d;--color-gray-20:#2d3034;--color-gray-10:#212426;--color-gray-05:#18191b;--color-red-90:#ffe6ea;--color-red-80:#fc7d92;--color-red-50:#d31232;--color-red-20:#b7102c;--color-red-10:#4b0b16;--color-orange-90:#fef3eb;--color-orange-80:#febe8f;--color-orange-50:#e2782c;--color-orange-20:#c2570a;--color-orange-10:#3f220d;--color-yellow-90:#fef0c3;--color-yellow-80:#fae49e;--color-yellow-50:#e6b30a;--color-yellow-20:#97770c;--color-yellow-10:#574405;--color-green-90:#eaf6ef;--color-green-80:#70eba3;--color-green-50:#089141;--color-green-20:#065b29;--color-green-10:#0c311c;--color-blue-90:#ecf4fe;--color-blue-80:#a4cefe;--color-blue-50:#0a5dbd;--color-blue-20:#044c9f;--color-blue-10:#072446;--color-purple-90:#f7f0ff;--color-purple-80:#d8b8ff;--color-purple-50:#863ae4;--color-purple-20:#5f1fad;--color-purple-10:#260e43}html[data-theme=light]{--csstools-color-scheme--light:initial;color-scheme:light}html[data-theme=dark]{--csstools-color-scheme--light: ;color-scheme:dark}mdn-dropdown{display:contents}mdn-dropdown:not([loaded],:focus-within) [slot=dropdown]{display:none}.external:after{background-color:currentcolor;content:"\200b" " (external)";content:"\200b"/" (external)";display:inline-block;height:1em;margin-left:.25em;-webkit-mask-image:url(/static/client/external-link.4f3a2dc8e402cae5.svg);mask-image:url(/static/client/external-link.4f3a2dc8e402cae5.svg);-webkit-mask-size:cover;mask-size:cover;vertical-align:text-top;width:1em}@font-feature-values "Inter"{@styleset{disambiguation:2}}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:normal;font-weight:100 900;src:url(/static/client/inter-latin.9a3b1bc220d426ef.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic-latin.fd2627ec16333c05.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:normal;font-weight:100 900;src:url(/static/client/inter-latin-extended.02dc98170ff37b88.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic-latin-extended.0a7409875db33654.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:normal;font-weight:100 900;src:url(/static/client/inter-cyrillic.eecfbd79d522303a.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic-cyrillic.d153dcd2916c4842.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-latin.119994ed445212c7.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-italic-latin.55b330522e5e3ed9.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-latin-extended.01c891f9c832ce28.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-italic-latin-extended.c25d5e1f309ed948.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-cyrillic.577e793cdf179ae1.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-italic-cyrillic.8d00711fdb1702e0.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}:root{--font-family-text:"Inter",sans-serif;--font-family-code:"JetBrains Mono",monospace;--font-line-content:1.75;--font-line-normal:1.5;--font-line-ui:1;--font-size-largest:2.5rem;--font-size-larger:2rem;--font-size-large:1.5rem;--font-size-normal:1rem;--font-size-small:0.8rem;--font-weight-normal:400;--font-weight-bold:600}*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}html{color:var(--color-text-primary);font-family:var(--font-family-text);font-feature-settings:"calt" 0;font-size:var(--font-size-normal);font-variant-alternates:styleset(disambiguation);line-height:var(--font-line-normal);overflow-wrap:break-word;--csstools-color-scheme--light:initial;background-color:var(--color-background-page);color-scheme:light dark;scroll-behavior:smooth}@media (prefers-color-scheme:dark){html{--csstools-color-scheme--light: }}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.icon.icon-deprecated,.icon.icon-experimental,.icon.icon-nonstandard{background-color:var(--color-text-secondary);display:inline-block;flex-shrink:0;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.icon.icon-deprecated{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.icon.icon-experimental{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.icon.icon-nonstandard{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}:root{--layout-side-padding-min:1rem;--layout-side-padding:max(var(--layout-side-padding-min),calc(50vw - 720px + 1rem));--layout-full-width:calc(100vw - var(--layout-side-padding)*2);--layout-sidebar-min:14rem;--layout-sidebar-gap:2rem;--layout-content-min:31rem;--layout-content-max:48rem;--layout-2-sidebars:[full-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end right-sidebar-end];--layout-1-sidebar-left:[full-start sidebar-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [sidebar-end left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [full-end content-end] minmax(0,1fr);--layout-1-sidebar-right:minmax(0,1fr) [full-start content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [sidebar-start right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end sidebar-end right-sidebar-end];--layout-no-sidebar:[full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end];--layout-no-sidebar-extended:[extended-full-start] var(--layout-side-padding) [full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end] var(--layout-side-padding) [extended-full-end]}mdn-live-sample-result{display:block}html a.only-in-en-us:after{content:"(en-US)";display:inline-block;font-size:.7rem;margin-left:.5ch;vertical-align:super}html[lang=de] a.only-in-en-us:after{content:"(engl.)"}html[lang=es] a.only-in-en-us:after{content:"(inglés)"}html[lang=fr] a.only-in-en-us:after{content:"(angl.)"}html[lang=ja] a.only-in-en-us:after{content:"(英語)"}html[lang=ko] a.only-in-en-us:after{content:"(영어)"}html[lang=ru] a.only-in-en-us:after{content:"(англ.)"}html[lang=pt-BR] a.only-in-en-us:after{content:"(inglês)"}html[lang=zh-CN] a.only-in-en-us:after{content:"(英语)";margin-left:unset;vertical-align:initial}html[lang=zh-TW] a.only-in-en-us:after{content:"(英語)";margin-left:unset;vertical-align:initial}.page-not-created{color:var(--color-text-red);text-decoration:underline!important;-webkit-text-decoration:underline wavy!important;text-decoration:underline wavy!important}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}:root{--csstools-color-scheme--light:initial;color-scheme:light;--layout-2-sidebars:minmax(0,1fr)!important;--layout-1-sidebar-left:minmax(0,1fr)!important;--layout-no-sidebar:minmax(0,1fr)!important}body{font-size:9pt;line-height:1.5;margin:0;padding:0}.page-layout{display:block!important;grid-template-rows:none!important;height:auto!important;min-height:auto!important}.page-layout__header{position:static!important;top:auto!important;z-index:auto!important}:root{--sticky-header-height:0!important}.article-footer,.content-section.article-footer,.footer__links,.footer__mozilla,.footer__socials,.navigation__button,.navigation__menu,.page-layout__banner,.reference-layout__sidebar,.reference-layout__toc,mdn-collection-save-button,mdn-color-theme,mdn-placement-bottom,mdn-search-button,mdn-toggle-sidebar,mdn-user-menu{display:none!important}.reference-layout{grid-template-areas:"header" "body"!important;grid-template-columns:auto!important;grid-template-rows:auto!important}a{-webkit-text-decoration:none!important;text-decoration:none!important}details.baseline-indicator>:not(summary),details.baseline-indicator[open]>:not(summary){display:none!important}details.baseline-indicator>summary::marker{display:none!important}.code-example,.default-example,.example-container,.interactive,[class*=example]{break-inside:avoid!important;display:block!important;float:none!important;height:auto!important;margin-bottom:1rem!important;overflow:visible!important;page-break-inside:avoid!important;position:static!important;width:100%!important}.footer__mdn{row-gap:0!important}interactive-example,section{clear:both!important;display:block!important;position:static!important}interactive-example{break-inside:avoid!important;page-break-inside:avoid!important}[style*="position: absolute"],[style*="position: fixed"]{position:static!important}}:root{--radius-normal:0.25rem;--radius-full:9999px}@font-face{font-display:block;font-family:BarlowCondensed-SemiBold;font-weight:var(--font-weight-bold);src:local("BarlowCondensed-SemiBold"),url(/static/client/BarlowCondensed-SemiBold.199288b668a15dc1.woff2) format("woff2")}.table-container{margin:0;overflow-x:auto}:root{--top-banner-height:3.375rem;--sticky-header-height:calc(var(--navigation-height) + var(--breadcrumbs-bar-height));--z-index-sticky-header:100;--z-index-sidebar-mobile:90}.visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
2
+ /*# sourceMappingURL=styles-global.c9f2a49e47bf5c55.css.map*/