@mdn/fred 2.5.0 → 2.6.0

package/out/static/client/stats.json

@@ -11,7 +11,7 @@
       ],
       "assets": [
         {
-          "name": "runtime.5a92d4f860d6d798.js",
+          "name": "runtime.796d2e8ab20fb93f.js",
           "size": 19761
         },
         {
@@ -23,16 +23,16 @@
           "size": 55147
         },
         {
-          "name": "index.ae68bec0e2489b62.js",
-          "size": 33476
+          "name": "index.c41c45d10cf2b50b.js",
+          "size": 34803
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 156385,
+      "assetsSize": 157712,
       "auxiliaryAssets": [
         {
-          "name": "runtime.5a92d4f860d6d798.js.map",
-          "size": 46323
+          "name": "runtime.796d2e8ab20fb93f.js.map",
+          "size": 46317
         },
         {
           "name": "1111.53dba753dc3eb961.js.map",
@@ -47,11 +47,11 @@
           "size": 246
         },
         {
-          "name": "index.ae68bec0e2489b62.js.map",
-          "size": 84093
+          "name": "index.c41c45d10cf2b50b.js.map",
+          "size": 89440
         }
       ],
-      "auxiliaryAssetsSize": 585789,
+      "auxiliaryAssetsSize": 591130,
       "children": {},
       "childAssets": {}
     },
@@ -67,11 +67,11 @@
           "size": 581
         },
         {
-          "name": "styles-global.64aa0c760d2688b4.js",
+          "name": "styles-global.2a17ab4cc47bca1f.js",
           "size": 687
         },
         {
-          "name": "styles-global.274bf4a7ba3e88ae.css",
+          "name": "styles-global.79b14873ea7ab386.css",
           "size": 25341
         }
       ],
@@ -94,14 +94,14 @@
           "name": "external-link.4f3a2dc8e402cae5.svg",
           "size": 275
         },
-        {
-          "name": "styles-global.274bf4a7ba3e88ae.css.map",
-          "size": 40521
-        },
         {
           "name": "trash-2.73b28bc66fb8543c.svg",
           "size": 290
         },
+        {
+          "name": "styles-global.79b14873ea7ab386.css.map",
+          "size": 40521
+        },
         {
           "name": "inter-latin-extended.02dc98170ff37b88.woff2",
           "size": 140872
@@ -608,8 +608,8 @@
           "size": 581
         },
         {
-          "name": "styles-content-section.049c2352791fac9b.css",
-          "size": 15255
+          "name": "styles-content-section.cd5635d274b730e9.css",
+          "size": 15300
         },
         {
           "name": "styles-content-section.29903dd31298836d.js",
@@ -617,7 +617,7 @@
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 16106,
+      "assetsSize": 16151,
       "auxiliaryAssets": [
         {
           "name": "styles.5b02dc99a7ee272a.js.map",
@@ -672,11 +672,11 @@
           "size": 431
         },
         {
-          "name": "styles-content-section.049c2352791fac9b.css.map",
-          "size": 23694
+          "name": "styles-content-section.cd5635d274b730e9.css.map",
+          "size": 23813
         }
       ],
-      "auxiliaryAssetsSize": 29816,
+      "auxiliaryAssetsSize": 29935,
       "children": {},
       "childAssets": {}
     },
@@ -1953,42 +1953,6 @@
       "children": {},
       "childAssets": {}
     },
-    "styles-homepage": {
-      "name": "styles-homepage",
-      "chunks": [
-        "4014",
-        "1187"
-      ],
-      "assets": [
-        {
-          "name": "styles.5b02dc99a7ee272a.js",
-          "size": 581
-        },
-        {
-          "name": "styles-homepage.0980eec27925cc11.css",
-          "size": 381
-        },
-        {
-          "name": "styles-homepage.8bfb6c93fba0ce03.js",
-          "size": 263
-        }
-      ],
-      "filteredAssets": 0,
-      "assetsSize": 1225,
-      "auxiliaryAssets": [
-        {
-          "name": "styles.5b02dc99a7ee272a.js.map",
-          "size": 2806
-        },
-        {
-          "name": "styles-homepage.0980eec27925cc11.css.map",
-          "size": 685
-        }
-      ],
-      "auxiliaryAssetsSize": 3491,
-      "children": {},
-      "childAssets": {}
-    },
     "styles-homepage-body": {
       "name": "styles-homepage-body",
       "chunks": [
@@ -2025,11 +1989,12 @@
       "children": {},
       "childAssets": {}
     },
-    "styles-homepage-footer": {
-      "name": "styles-homepage-footer",
+    "styles-homepage-contributor-spotlight": {
+      "name": "styles-homepage-contributor-spotlight",
       "chunks": [
         "4014",
-        "2104"
+        "3391",
+        "5894"
       ],
       "assets": [
         {
@@ -2037,36 +2002,47 @@
           "size": 581
         },
         {
-          "name": "styles-homepage-footer.69c62e968ee6fc9c.js",
-          "size": 270
+          "name": "3391.29de8a92ac879678.css",
+          "size": 7714
         },
         {
-          "name": "styles-homepage-footer.5d6588cf8c9b4dc6.css",
-          "size": 140
+          "name": "styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css",
+          "size": 1720
+        },
+        {
+          "name": "styles-homepage-contributor-spotlight.90541370c1829dd3.js",
+          "size": 285
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 991,
+      "assetsSize": 10300,
       "auxiliaryAssets": [
         {
           "name": "styles.5b02dc99a7ee272a.js.map",
           "size": 2806
         },
         {
-          "name": "styles-homepage-footer.5d6588cf8c9b4dc6.css.map",
-          "size": 310
+          "name": "3391.29de8a92ac879678.css.map",
+          "size": 11154
+        },
+        {
+          "name": "quote.894340f7e3ad2575.svg",
+          "size": 367
+        },
+        {
+          "name": "styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css.map",
+          "size": 3022
         }
       ],
-      "auxiliaryAssetsSize": 3116,
+      "auxiliaryAssetsSize": 17349,
       "children": {},
       "childAssets": {}
     },
-    "styles-homepage-contributor-spotlight": {
-      "name": "styles-homepage-contributor-spotlight",
+    "styles-homepage-footer": {
+      "name": "styles-homepage-footer",
       "chunks": [
         "4014",
-        "3391",
-        "5894"
+        "2104"
       ],
       "assets": [
         {
@@ -2074,39 +2050,27 @@
           "size": 581
         },
         {
-          "name": "3391.29de8a92ac879678.css",
-          "size": 7714
-        },
-        {
-          "name": "styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css",
-          "size": 1720
+          "name": "styles-homepage-footer.69c62e968ee6fc9c.js",
+          "size": 270
         },
         {
-          "name": "styles-homepage-contributor-spotlight.90541370c1829dd3.js",
-          "size": 285
+          "name": "styles-homepage-footer.5d6588cf8c9b4dc6.css",
+          "size": 140
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 10300,
+      "assetsSize": 991,
       "auxiliaryAssets": [
         {
           "name": "styles.5b02dc99a7ee272a.js.map",
           "size": 2806
         },
         {
-          "name": "3391.29de8a92ac879678.css.map",
-          "size": 11154
-        },
-        {
-          "name": "quote.894340f7e3ad2575.svg",
-          "size": 367
-        },
-        {
-          "name": "styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css.map",
-          "size": 3022
+          "name": "styles-homepage-footer.5d6588cf8c9b4dc6.css.map",
+          "size": 310
         }
       ],
-      "auxiliaryAssetsSize": 17349,
+      "auxiliaryAssetsSize": 3116,
       "children": {},
       "childAssets": {}
     },
@@ -2732,11 +2696,12 @@
       "children": {},
       "childAssets": {}
     },
-    "styles-reference-toc": {
-      "name": "styles-reference-toc",
+    "styles-reference-layout": {
+      "name": "styles-reference-layout",
       "chunks": [
         "4014",
-        "733"
+        "270",
+        "7725"
       ],
       "assets": [
         {
@@ -2744,35 +2709,43 @@
           "size": 581
         },
         {
-          "name": "styles-reference-toc.7de353d2d7069b41.js",
-          "size": 266
+          "name": "270.66bae6059a1c23f9.css",
+          "size": 3342
         },
         {
-          "name": "styles-reference-toc.9b9bd019efd16b86.css",
-          "size": 743
+          "name": "styles-reference-layout.632d2f3884f10ca3.css",
+          "size": 891
+        },
+        {
+          "name": "styles-reference-layout.d9eb207083e20eef.js",
+          "size": 271
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 1590,
+      "assetsSize": 5085,
       "auxiliaryAssets": [
         {
           "name": "styles.5b02dc99a7ee272a.js.map",
           "size": 2806
         },
         {
-          "name": "styles-reference-toc.9b9bd019efd16b86.css.map",
-          "size": 1406
+          "name": "270.66bae6059a1c23f9.css.map",
+          "size": 5012
+        },
+        {
+          "name": "styles-reference-layout.632d2f3884f10ca3.css.map",
+          "size": 1579
         }
       ],
-      "auxiliaryAssetsSize": 4212,
+      "auxiliaryAssetsSize": 9397,
       "children": {},
       "childAssets": {}
     },
-    "styles-sandbox": {
-      "name": "styles-sandbox",
+    "styles-reference-toc": {
+      "name": "styles-reference-toc",
       "chunks": [
         "4014",
-        "7392"
+        "733"
       ],
       "assets": [
         {
@@ -2780,36 +2753,35 @@
           "size": 581
         },
         {
-          "name": "styles-sandbox.b819262115df2049.css",
-          "size": 367
+          "name": "styles-reference-toc.7de353d2d7069b41.js",
+          "size": 266
         },
         {
-          "name": "styles-sandbox.5a819c17a4d71eaa.js",
-          "size": 262
+          "name": "styles-reference-toc.9b9bd019efd16b86.css",
+          "size": 743
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 1210,
+      "assetsSize": 1590,
       "auxiliaryAssets": [
         {
           "name": "styles.5b02dc99a7ee272a.js.map",
           "size": 2806
         },
         {
-          "name": "styles-sandbox.b819262115df2049.css.map",
-          "size": 767
+          "name": "styles-reference-toc.9b9bd019efd16b86.css.map",
+          "size": 1406
         }
       ],
-      "auxiliaryAssetsSize": 3573,
+      "auxiliaryAssetsSize": 4212,
       "children": {},
       "childAssets": {}
     },
-    "styles-reference-layout": {
-      "name": "styles-reference-layout",
+    "styles-sandbox": {
+      "name": "styles-sandbox",
       "chunks": [
         "4014",
-        "270",
-        "7725"
+        "7392"
       ],
       "assets": [
         {
@@ -2817,35 +2789,27 @@
           "size": 581
         },
         {
-          "name": "270.66bae6059a1c23f9.css",
-          "size": 3342
-        },
-        {
-          "name": "styles-reference-layout.632d2f3884f10ca3.css",
-          "size": 891
+          "name": "styles-sandbox.b819262115df2049.css",
+          "size": 367
         },
         {
-          "name": "styles-reference-layout.d9eb207083e20eef.js",
-          "size": 271
+          "name": "styles-sandbox.5a819c17a4d71eaa.js",
+          "size": 262
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 5085,
+      "assetsSize": 1210,
       "auxiliaryAssets": [
         {
           "name": "styles.5b02dc99a7ee272a.js.map",
           "size": 2806
         },
         {
-          "name": "270.66bae6059a1c23f9.css.map",
-          "size": 5012
-        },
-        {
-          "name": "styles-reference-layout.632d2f3884f10ca3.css.map",
-          "size": 1579
+          "name": "styles-sandbox.b819262115df2049.css.map",
+          "size": 767
         }
       ],
-      "auxiliaryAssetsSize": 9397,
+      "auxiliaryAssetsSize": 3573,
       "children": {},
       "childAssets": {}
     },
@@ -2992,6 +2956,42 @@
       "auxiliaryAssetsSize": 3399,
       "children": {},
       "childAssets": {}
+    },
+    "styles-homepage": {
+      "name": "styles-homepage",
+      "chunks": [
+        "4014",
+        "1187"
+      ],
+      "assets": [
+        {
+          "name": "styles.5b02dc99a7ee272a.js",
+          "size": 581
+        },
+        {
+          "name": "styles-homepage.0980eec27925cc11.css",
+          "size": 381
+        },
+        {
+          "name": "styles-homepage.8bfb6c93fba0ce03.js",
+          "size": 263
+        }
+      ],
+      "filteredAssets": 0,
+      "assetsSize": 1225,
+      "auxiliaryAssets": [
+        {
+          "name": "styles.5b02dc99a7ee272a.js.map",
+          "size": 2806
+        },
+        {
+          "name": "styles-homepage.0980eec27925cc11.css.map",
+          "size": 685
+        }
+      ],
+      "auxiliaryAssetsSize": 3491,
+      "children": {},
+      "childAssets": {}
     }
   }
 }

package/out/static/client/{styles-content-section.049c2352791fac9b.css → styles-content-section.cd5635d274b730e9.css}

@@ -1,2 +1,2 @@
-.code-example{--border:1px solid var(--color-border-primary);border:var(--border);border-radius:.25rem;overflow:hidden}.code-example .example-header{align-items:center;border-bottom:var(--border);display:flex;line-height:var(--font-line-ui);min-height:3.1rem;padding:.5rem 1rem}:is(.code-example .example-header) .language-name{text-transform:uppercase}.code-example pre{background-color:var(--color-background-secondary);display:flex;margin:0;white-space:pre-wrap}:is(.code-example pre) code{background-color:initial;flex-grow:1;flex-shrink:1;font-family:var(--font-family-code);overflow:auto;padding:1rem}.hidden:is(.code-example pre),[class*=interactive-example]:is(.code-example pre){display:none}:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre)):after{content:"";display:inline-block;flex-shrink:0;height:1.24rem;margin:1.255rem 1rem;-webkit-mask-size:cover;mask-size:cover;width:1.24rem}.example-good:is(.code-example pre){background-color:var(--color-background-green)}.example-good:is(.code-example pre):after{background-color:var(--color-text-green);-webkit-mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg);mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg)}.example-bad:is(.code-example pre){background-color:var(--color-background-red)}.example-bad:is(.code-example pre):after{background-color:var(--color-text-red);-webkit-mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg);mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg)}.code-example:has(.hidden,[class*=interactive-example]){display:none}.code-example iframe,.code-example mdn-play-runner{border:none;box-sizing:initial;display:block;padding:1rem}.prev-next{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:0 solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:1px solid var(--color-border-primary);display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;list-style:none;margin:0;padding:.5rem;width:100%}.prev-next a{color:var(--color-link-normal)!important;text-wrap:balance}:is(.prev-next a):visited{color:var(--color-link-visited)!important}@media (width <= 426px){.prev-next{display:grid;grid-template-areas:"title title" "prev next"}.prev-next li.menu{grid-area:title;justify-self:center}.prev-next li.prev{grid-area:prev;justify-self:start}.prev-next li.next{grid-area:next;justify-self:end}}.prev-next .next a,.prev-next .prev a{align-items:center;display:flex;gap:.25rem}.prev-next li{background:none;display:flex;flex-wrap:nowrap;place-items:center}:is(.prev-next li) .button{background-color:inherit;border:inherit;color:inherit}:is(:is(.prev-next li) .button):hover{-webkit-text-decoration:underline;text-decoration:underline}.next:is(.prev-next li) a:after,.prev:is(.prev-next li) a:before{background-color:currentcolor;content:"";display:inline-block;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.prev:is(.prev-next li){margin-right:auto}.prev:is(.prev-next li) a:before{-webkit-mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg);mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg)}.prev:is(.prev-next li)~.menu:is(.prev-next li){margin-left:auto;margin-right:auto;text-align:center}.next:is(.prev-next li){margin-left:auto}.next:is(.prev-next li) a:after{-webkit-mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg);mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg)}.callout,.notecard{background-color:var(--color-background-secondary);border-inline-start:2px solid var(--accent-color,var(--color-text-secondary));border-radius:.25em;color:var(--color-text-primary);margin-block:1em;padding-block:1px;padding-inline:1em;padding-inline-start:3em;position:relative}.experimental:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout){background-color:var(--color-background-blue);--accent-color:var(--color-text-blue)}.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.warning:is(.notecard,.callout){background-color:var(--color-background-red);--accent-color:var(--color-text-red)}.tip:is(.notecard,.callout){background-color:var(--color-background-green);--accent-color:var(--color-text-green)}:is(.deprecated:is(.notecard,.callout),.experimental:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.tip:is(.notecard,.callout),.warning:is(.notecard,.callout),.worker:is(.notecard,.callout)):before{background-color:var(--accent-color,var(--color-text-secondary));content:"";display:block;height:1em;left:1em;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:1.45em;width:1em}.deprecated:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.experimental:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.nonstandard:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.note:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/info.d40b80f84482feba.svg);mask-image:url(/static/client/info.d40b80f84482feba.svg)}.secure:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lock.4befe79c52ccec2a.svg);mask-image:url(/static/client/lock.4befe79c52ccec2a.svg)}.tip:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg);mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg)}.warning:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.worker:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/cog.f23af856fab34421.svg);mask-image:url(/static/client/cog.f23af856fab34421.svg)}:is(.code-example,.css-formal-syntax) .token.cdata,:is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.prolog{--csstools-light-dark-toggle-360cf513-0:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-0,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.punctuation{--csstools-light-dark-toggle-360cf513-1:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-1,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.attr-name,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.property,:is(.code-example,.css-formal-syntax) .token.selector{--csstools-light-dark-toggle-360cf513-2:var(--csstools-color-scheme--light) #ff97a0;color:var(--csstools-light-dark-toggle-360cf513-2,#d30038);color:light-dark(#d30038,#ff97a0)}:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value{--csstools-light-dark-toggle-360cf513-3:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-3,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.keyword{--csstools-light-dark-toggle-360cf513-4:var(--csstools-color-scheme--light) #c1cff1;color:var(--csstools-light-dark-toggle-360cf513-4,#0069c2);color:light-dark(#0069c2,#c1cff1)}:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.deleted,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.tag{--csstools-light-dark-toggle-360cf513-5:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-5,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.template-string>.token.string{--csstools-light-dark-toggle-360cf513-6:var(--csstools-color-scheme--light) #bea5ff;color:var(--csstools-light-dark-toggle-360cf513-6,#872bff);color:light-dark(#872bff,#bea5ff)}:is(.code-example,.css-formal-syntax) .token.bold,:is(.code-example,.css-formal-syntax) .token.important{font-weight:700}:is(.code-example,.css-formal-syntax) .token.italic{font-style:italic}:is(.code-example,.css-formal-syntax) .token.entity{cursor:help}.content-section{line-height:var(--font-line-content)}.content-section :target{scroll-margin-top:var(--sticky-header-height)}.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{font-weight:var(--font-weight-normal);line-height:var(--font-line-header);margin:1rem 0 0}.content-section h2{font-size:var(--font-size-larger)}.content-section h3{font-size:var(--font-size-large)}.content-section h4{font-size:var(--font-size-medium)}.content-section h5,.content-section h6{font-size:var(--font-size-normal);font-weight:var(--font-weight-bold)}:is(.content-section a):visited{color:var(--color-link-visited)}:is(.content-section a):not([href^="#"]){-webkit-text-decoration:underline;text-decoration:underline}:is(.content-section a):not([href^="#"]):hover,[href^="#"]:is(.content-section a){-webkit-text-decoration:none;text-decoration:none}[href^="#"]:is(.content-section a):hover{-webkit-text-decoration:underline;text-decoration:underline}.content-section blockquote{border-inline-start:.25rem solid var(--color-border-primary);color:var(--color-text-secondary);margin-inline:0}:is(.content-section blockquote)>p{padding:1rem 2rem}.content-section code,.content-section pre{background-color:var(--color-background-secondary);font-family:var(--font-family-code)}.content-section pre{white-space:pre-wrap}.content-section pre:not(.code-example pre){border:1px solid var(--color-border-primary);border-radius:.25rem;overflow:auto;padding:1rem}.css-formal-syntax:is(.content-section pre:not(.code-example pre)){border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;text-wrap:wrap}.css-formal-syntax:is(.content-section pre:not(.code-example pre))~footer{border:1px solid var(--color-border-primary);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-top:0;margin-bottom:1rem;padding:.5rem 1rem}.content-section code{border-radius:var(--radius-normal);padding:.125em .25em}.content-section kbd{background-color:var(--color-background-primary);border:solid var(--color-border-primary);border-radius:var(--radius-normal);border-width:1px 1px 2px;color:var(--color-text-secondary);font-family:var(--font-family-code);padding:.0625em .125em}.content-section img{background-color:var(--color-white);border:1px solid var(--color-border-primary);border-radius:.25rem;display:block;margin:2rem auto}.content-section table{border-collapse:collapse;width:100%}:is(.content-section table) tr{background-color:var(--color-background-primary)}:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n){background-color:var(--color-background-page)}:is(.content-section table) td,:is(.content-section table) th{border:1px solid var(--color-border-primary);padding:.5rem .75rem}:is(.content-section table) th{font-weight:var(--font-weight-bold);text-align:left}.properties:is(.content-section table) td,.properties:is(.content-section table) th{border-width:1px 0}.properties:is(.content-section table) th{background-color:initial;font-weight:var(--font-weight-bold)}.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result{margin:1rem 0}:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result)+:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result){margin-top:1.5rem}.content-section interactive-example{display:block;height:375px;margin:1rem 0}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:444px}[height=shorter]:is(.content-section interactive-example){height:364px}[height=taller]:is(.content-section interactive-example){height:654px}[height=tabbed-shorter]:is(.content-section interactive-example){height:351px;margin-top:1.5rem}[height=tabbed-standard]:is(.content-section interactive-example){height:421px}[height=tabbed-taller]:is(.content-section interactive-example){height:631px}@media (width <= 992px){.content-section interactive-example{height:675px}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:513px}[height=shorter]:is(.content-section interactive-example){height:433px}[height=taller]:is(.content-section interactive-example){height:725px}[height=tabbed-shorter]:is(.content-section interactive-example){height:487px}[height=tabbed-standard]:is(.content-section interactive-example){height:548px}[height=tabbed-taller]:is(.content-section interactive-example){height:774px}}:is(.content-section dl) dl{border-left:1px solid var(--color-border-primary);padding-left:1rem}:is(.content-section dl) dd{margin-left:1rem}:is(:is(.content-section dl) dd) p:first-child{margin-top:.5rem}:is(.content-section dl) ul{margin:1rem 0 2rem}:is(.content-section dl) dt a[href^="#"]{color:inherit}:is(:is(.content-section dl) dt a[href^="#"]):hover:before{color:var(--color-text-secondary);content:"#";font-size:var(--font-size-small);margin-left:-.9em;margin-top:.3em;position:absolute}:is(.content-section ul.specifications-list) li:has(details){list-style:none;margin-left:-1.25rem}:is(.content-section ul.specifications-list) details{width:100%}[open]:is(:is(.content-section ul.specifications-list) details)>summary{margin-bottom:.5rem}:is([open]:is(:is(.content-section ul.specifications-list) details)>summary):before{transform:rotate(90deg)}:is(:is(.content-section ul.specifications-list) details) summary{align-items:center;cursor:pointer;display:flex}:is(:is(:is(.content-section ul.specifications-list) details) summary):before{background-color:currentcolor;content:"";display:inline-block;flex-shrink:0;height:1rem;margin:.125rem;-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);-webkit-mask-size:cover;mask-size:cover;width:1rem}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover{background-color:var(--color-background-secondary)}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover){background-color:unset}.content-section.article-footer{margin:2rem 0}
-/*# sourceMappingURL=styles-content-section.049c2352791fac9b.css.map*/
+.code-example{--border:1px solid var(--color-border-primary);border:var(--border);border-radius:.25rem;overflow:hidden}.code-example .example-header{align-items:center;border-bottom:var(--border);display:flex;line-height:var(--font-line-ui);min-height:3.1rem;padding:.5rem 1rem}:is(.code-example .example-header) .language-name{text-transform:uppercase}.code-example pre{background-color:var(--color-background-secondary);display:flex;margin:0;white-space:pre-wrap}:is(.code-example pre) code{background-color:initial;flex-grow:1;flex-shrink:1;font-family:var(--font-family-code);overflow:auto;padding:1rem}.hidden:is(.code-example pre),[class*=interactive-example]:is(.code-example pre){display:none}:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre)):after{content:"";display:inline-block;flex-shrink:0;height:1.24rem;margin:1.255rem 1rem;-webkit-mask-size:cover;mask-size:cover;width:1.24rem}.example-good:is(.code-example pre){background-color:var(--color-background-green)}.example-good:is(.code-example pre):after{background-color:var(--color-text-green);-webkit-mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg);mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg)}.example-bad:is(.code-example pre){background-color:var(--color-background-red)}.example-bad:is(.code-example pre):after{background-color:var(--color-text-red);-webkit-mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg);mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg)}.code-example:has(.hidden,[class*=interactive-example]){display:none}.code-example iframe,.code-example mdn-play-runner{border:none;box-sizing:initial;display:block;padding:1rem}.prev-next{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:0 solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:1px solid var(--color-border-primary);display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;list-style:none;margin:0;padding:.5rem;width:100%}.prev-next a{color:var(--color-link-normal)!important;text-wrap:balance}:is(.prev-next a):visited{color:var(--color-link-visited)!important}@media (width <= 426px){.prev-next{display:grid;grid-template-areas:"title title" "prev next"}.prev-next li.menu{grid-area:title;justify-self:center}.prev-next li.prev{grid-area:prev;justify-self:start}.prev-next li.next{grid-area:next;justify-self:end}}.prev-next .next a,.prev-next .prev a{align-items:center;display:flex;gap:.25rem}.prev-next li{background:none;display:flex;flex-wrap:nowrap;place-items:center}:is(.prev-next li) .button{background-color:inherit;border:inherit;color:inherit}:is(:is(.prev-next li) .button):hover{-webkit-text-decoration:underline;text-decoration:underline}.next:is(.prev-next li) a:after,.prev:is(.prev-next li) a:before{background-color:currentcolor;content:"";display:inline-block;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.prev:is(.prev-next li){margin-right:auto}.prev:is(.prev-next li) a:before{-webkit-mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg);mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg)}.prev:is(.prev-next li)~.menu:is(.prev-next li){margin-left:auto;margin-right:auto;text-align:center}.next:is(.prev-next li){margin-left:auto}.next:is(.prev-next li) a:after{-webkit-mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg);mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg)}.callout,.notecard{background-color:var(--color-background-secondary);border-inline-start:2px solid var(--accent-color,var(--color-text-secondary));border-radius:.25em;color:var(--color-text-primary);margin-block:1em;padding-block:1px;padding-inline:1em;padding-inline-start:3em;position:relative}.experimental:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout){background-color:var(--color-background-blue);--accent-color:var(--color-text-blue)}.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.warning:is(.notecard,.callout){background-color:var(--color-background-red);--accent-color:var(--color-text-red)}.tip:is(.notecard,.callout){background-color:var(--color-background-green);--accent-color:var(--color-text-green)}:is(.deprecated:is(.notecard,.callout),.experimental:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.tip:is(.notecard,.callout),.warning:is(.notecard,.callout),.worker:is(.notecard,.callout)):before{background-color:var(--accent-color,var(--color-text-secondary));content:"";display:block;height:1em;left:1em;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:1.45em;width:1em}.deprecated:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.experimental:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.nonstandard:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.note:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/info.d40b80f84482feba.svg);mask-image:url(/static/client/info.d40b80f84482feba.svg)}.secure:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lock.4befe79c52ccec2a.svg);mask-image:url(/static/client/lock.4befe79c52ccec2a.svg)}.tip:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg);mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg)}.warning:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.worker:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/cog.f23af856fab34421.svg);mask-image:url(/static/client/cog.f23af856fab34421.svg)}:is(.code-example,.css-formal-syntax) .token.cdata,:is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.prolog{--csstools-light-dark-toggle-360cf513-0:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-0,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.punctuation{--csstools-light-dark-toggle-360cf513-1:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-1,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.attr-name,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.property,:is(.code-example,.css-formal-syntax) .token.selector{--csstools-light-dark-toggle-360cf513-2:var(--csstools-color-scheme--light) #ff97a0;color:var(--csstools-light-dark-toggle-360cf513-2,#d30038);color:light-dark(#d30038,#ff97a0)}:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value{--csstools-light-dark-toggle-360cf513-3:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-3,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.keyword{--csstools-light-dark-toggle-360cf513-4:var(--csstools-color-scheme--light) #c1cff1;color:var(--csstools-light-dark-toggle-360cf513-4,#0069c2);color:light-dark(#0069c2,#c1cff1)}:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.deleted,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.tag{--csstools-light-dark-toggle-360cf513-5:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-5,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.template-string>.token.string{--csstools-light-dark-toggle-360cf513-6:var(--csstools-color-scheme--light) #bea5ff;color:var(--csstools-light-dark-toggle-360cf513-6,#872bff);color:light-dark(#872bff,#bea5ff)}:is(.code-example,.css-formal-syntax) .token.bold,:is(.code-example,.css-formal-syntax) .token.important{font-weight:700}:is(.code-example,.css-formal-syntax) .token.italic{font-style:italic}:is(.code-example,.css-formal-syntax) .token.entity{cursor:help}.content-section{line-height:var(--font-line-content)}.content-section :target{scroll-margin-top:var(--sticky-header-height)}.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{font-weight:var(--font-weight-normal);line-height:var(--font-line-header);margin:1rem 0 0}.content-section h2{font-size:var(--font-size-larger)}.content-section h3{font-size:var(--font-size-large)}.content-section h4{font-size:var(--font-size-medium)}.content-section h5,.content-section h6{font-size:var(--font-size-normal);font-weight:var(--font-weight-bold)}:is(.content-section a):visited{color:var(--color-link-visited)}:is(.content-section a):not([href^="#"]){-webkit-text-decoration:underline;text-decoration:underline}:is(.content-section a):not([href^="#"]):hover,[href^="#"]:is(.content-section a){-webkit-text-decoration:none;text-decoration:none}[href^="#"]:is(.content-section a):hover{-webkit-text-decoration:underline;text-decoration:underline}.content-section blockquote{border-inline-start:.25rem solid var(--color-border-primary);color:var(--color-text-secondary);margin-inline:0}:is(.content-section blockquote)>p{padding:1rem 2rem}.content-section code,.content-section pre{background-color:var(--color-background-secondary);font-family:var(--font-family-code)}.content-section pre{white-space:pre-wrap}.content-section pre:not(.code-example pre){border:1px solid var(--color-border-primary);border-radius:.25rem;overflow:auto;padding:1rem}.css-formal-syntax:is(.content-section pre:not(.code-example pre)){border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;text-wrap:wrap}.css-formal-syntax:is(.content-section pre:not(.code-example pre))~footer{border:1px solid var(--color-border-primary);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-top:0;margin-bottom:1rem;padding:.5rem 1rem}.content-section code{border-radius:var(--radius-normal);padding:.125em .25em}.content-section kbd{background-color:var(--color-background-primary);border:solid var(--color-border-primary);border-radius:var(--radius-normal);border-width:1px 1px 2px;color:var(--color-text-secondary);font-family:var(--font-family-code);padding:.0625em .125em}.content-section img{background-color:var(--color-white);display:block;margin:2rem auto}.content-section iframe,.content-section img{border:1px solid var(--color-border-primary);border-radius:.25rem}.content-section table{border-collapse:collapse;width:100%}:is(.content-section table) tr{background-color:var(--color-background-primary)}:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n){background-color:var(--color-background-page)}:is(.content-section table) td,:is(.content-section table) th{border:1px solid var(--color-border-primary);padding:.5rem .75rem}:is(.content-section table) th{font-weight:var(--font-weight-bold);text-align:left}.properties:is(.content-section table) td,.properties:is(.content-section table) th{border-width:1px 0}.properties:is(.content-section table) th{background-color:initial;font-weight:var(--font-weight-bold)}.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result{margin:1rem 0}:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result)+:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result){margin-top:1.5rem}.content-section interactive-example{display:block;height:375px;margin:1rem 0}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:444px}[height=shorter]:is(.content-section interactive-example){height:364px}[height=taller]:is(.content-section interactive-example){height:654px}[height=tabbed-shorter]:is(.content-section interactive-example){height:351px;margin-top:1.5rem}[height=tabbed-standard]:is(.content-section interactive-example){height:421px}[height=tabbed-taller]:is(.content-section interactive-example){height:631px}@media (width <= 992px){.content-section interactive-example{height:675px}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:513px}[height=shorter]:is(.content-section interactive-example){height:433px}[height=taller]:is(.content-section interactive-example){height:725px}[height=tabbed-shorter]:is(.content-section interactive-example){height:487px}[height=tabbed-standard]:is(.content-section interactive-example){height:548px}[height=tabbed-taller]:is(.content-section interactive-example){height:774px}}:is(.content-section dl) dl{border-left:1px solid var(--color-border-primary);padding-left:1rem}:is(.content-section dl) dd{margin-left:1rem}:is(:is(.content-section dl) dd) p:first-child{margin-top:.5rem}:is(.content-section dl) ul{margin:1rem 0 2rem}:is(.content-section dl) dt a[href^="#"]{color:inherit}:is(:is(.content-section dl) dt a[href^="#"]):hover:before{color:var(--color-text-secondary);content:"#";font-size:var(--font-size-small);margin-left:-.9em;margin-top:.3em;position:absolute}:is(.content-section ul.specifications-list) li:has(details){list-style:none;margin-left:-1.25rem}:is(.content-section ul.specifications-list) details{width:100%}[open]:is(:is(.content-section ul.specifications-list) details)>summary{margin-bottom:.5rem}:is([open]:is(:is(.content-section ul.specifications-list) details)>summary):before{transform:rotate(90deg)}:is(:is(.content-section ul.specifications-list) details) summary{align-items:center;cursor:pointer;display:flex}:is(:is(:is(.content-section ul.specifications-list) details) summary):before{background-color:currentcolor;content:"";display:inline-block;flex-shrink:0;height:1rem;margin:.125rem;-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);-webkit-mask-size:cover;mask-size:cover;width:1rem}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover{background-color:var(--color-background-secondary)}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover){background-color:unset}.content-section.article-footer{margin:2rem 0}
+/*# sourceMappingURL=styles-content-section.cd5635d274b730e9.css.map*/