@mdn/fred 1.3.2 → 1.4.0

package/out/static/client/stats.json

@@ -11,7 +11,7 @@
       ],
       "assets": [
         {
-          "name": "runtime.cc9114c9e108157f.js",
+          "name": "runtime.63305f0549b94aae.js",
           "size": 19208
         },
         {
@@ -23,15 +23,15 @@
           "size": 55386
         },
         {
-          "name": "index.b9d9ebb034538241.js",
-          "size": 32933
+          "name": "index.881056601848b5c3.js",
+          "size": 32998
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 155736,
+      "assetsSize": 155801,
       "auxiliaryAssets": [
         {
-          "name": "runtime.cc9114c9e108157f.js.map",
+          "name": "runtime.63305f0549b94aae.js.map",
           "size": 44218
         },
         {
@@ -42,16 +42,16 @@
           "name": "1127.f5563db9beba3133.js.map",
           "size": 201236
         },
-        {
-          "name": "index.b9d9ebb034538241.js.map",
-          "size": 79273
-        },
         {
           "name": "search.5dd31cbeea7d1af9.svg",
           "size": 246
+        },
+        {
+          "name": "index.881056601848b5c3.js.map",
+          "size": 79360
         }
       ],
-      "auxiliaryAssetsSize": 578766,
+      "auxiliaryAssetsSize": 578853,
       "children": {},
       "childAssets": {}
     },
@@ -307,6 +307,50 @@
       "children": {},
       "childAssets": {}
     },
+    "styles-blog-index": {
+      "name": "styles-blog-index",
+      "chunks": [
+        "4014",
+        "2254"
+      ],
+      "assets": [
+        {
+          "name": "styles.42b0721850a6a7e4.js",
+          "size": 548
+        },
+        {
+          "name": "styles-blog-index.ef4c3381388cfc3c.js",
+          "size": 249
+        },
+        {
+          "name": "styles-blog-index.3285d9bc1472b39c.css",
+          "size": 3476
+        }
+      ],
+      "filteredAssets": 0,
+      "assetsSize": 4273,
+      "auxiliaryAssets": [
+        {
+          "name": "styles.42b0721850a6a7e4.js.map",
+          "size": 2654
+        },
+        {
+          "name": "m-logo.53bc3f53d5946169.svg",
+          "size": 221
+        },
+        {
+          "name": "info.d40b80f84482feba.svg",
+          "size": 248
+        },
+        {
+          "name": "styles-blog-index.3285d9bc1472b39c.css.map",
+          "size": 6157
+        }
+      ],
+      "auxiliaryAssetsSize": 9280,
+      "children": {},
+      "childAssets": {}
+    },
     "styles-baseline-indicator": {
       "name": "styles-baseline-indicator",
       "chunks": [
@@ -395,50 +439,6 @@
       "children": {},
       "childAssets": {}
     },
-    "styles-blog-index": {
-      "name": "styles-blog-index",
-      "chunks": [
-        "4014",
-        "2254"
-      ],
-      "assets": [
-        {
-          "name": "styles.42b0721850a6a7e4.js",
-          "size": 548
-        },
-        {
-          "name": "styles-blog-index.ef4c3381388cfc3c.js",
-          "size": 249
-        },
-        {
-          "name": "styles-blog-index.3285d9bc1472b39c.css",
-          "size": 3476
-        }
-      ],
-      "filteredAssets": 0,
-      "assetsSize": 4273,
-      "auxiliaryAssets": [
-        {
-          "name": "styles.42b0721850a6a7e4.js.map",
-          "size": 2654
-        },
-        {
-          "name": "m-logo.53bc3f53d5946169.svg",
-          "size": 221
-        },
-        {
-          "name": "info.d40b80f84482feba.svg",
-          "size": 248
-        },
-        {
-          "name": "styles-blog-index.3285d9bc1472b39c.css.map",
-          "size": 6157
-        }
-      ],
-      "auxiliaryAssetsSize": 9280,
-      "children": {},
-      "childAssets": {}
-    },
     "styles-blog-post": {
       "name": "styles-blog-post",
       "chunks": [
@@ -612,12 +612,12 @@
           "size": 254
         },
         {
-          "name": "styles-content-section.e0bbadd0c4bc857d.css",
-          "size": 15064
+          "name": "styles-content-section.2f0727a030110fc9.css",
+          "size": 15070
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 15866,
+      "assetsSize": 15872,
       "auxiliaryAssets": [
         {
           "name": "styles.42b0721850a6a7e4.js.map",
@@ -655,6 +655,10 @@
           "name": "triangle-alert.cff4c57ccef57da3.svg",
           "size": 286
         },
+        {
+          "name": "styles-content-section.2f0727a030110fc9.css.map",
+          "size": 23405
+        },
         {
           "name": "trash-2.73b28bc66fb8543c.svg",
           "size": 290
@@ -670,13 +674,9 @@
         {
           "name": "cog.f23af856fab34421.svg",
           "size": 431
-        },
-        {
-          "name": "styles-content-section.e0bbadd0c4bc857d.css.map",
-          "size": 23399
         }
       ],
-      "auxiliaryAssetsSize": 29369,
+      "auxiliaryAssetsSize": 29375,
       "children": {},
       "childAssets": {}
     },
@@ -1800,11 +1800,11 @@
       "children": {},
       "childAssets": {}
     },
-    "styles-generic-sidebar": {
-      "name": "styles-generic-sidebar",
+    "styles-generic-toc": {
+      "name": "styles-generic-toc",
       "chunks": [
         "4014",
-        "4395"
+        "5833"
       ],
       "assets": [
         {
@@ -1812,35 +1812,35 @@
           "size": 548
         },
         {
-          "name": "styles-generic-sidebar.db43d8c5c4748aca.css",
-          "size": 2170
+          "name": "styles-generic-toc.109e07ffeb20bc67.css",
+          "size": 1415
         },
         {
-          "name": "styles-generic-sidebar.5980d2f382e31c2f.js",
-          "size": 254
+          "name": "styles-generic-toc.e87b903f40b5ee3d.js",
+          "size": 250
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 2972,
+      "assetsSize": 2213,
       "auxiliaryAssets": [
         {
           "name": "styles.42b0721850a6a7e4.js.map",
           "size": 2654
         },
         {
-          "name": "styles-generic-sidebar.db43d8c5c4748aca.css.map",
-          "size": 3335
+          "name": "styles-generic-toc.109e07ffeb20bc67.css.map",
+          "size": 2348
         }
       ],
-      "auxiliaryAssetsSize": 5989,
+      "auxiliaryAssetsSize": 5002,
       "children": {},
       "childAssets": {}
     },
-    "styles-generic-toc": {
-      "name": "styles-generic-toc",
+    "styles-generic-sidebar": {
+      "name": "styles-generic-sidebar",
       "chunks": [
         "4014",
-        "5833"
+        "4395"
       ],
       "assets": [
         {
@@ -1848,35 +1848,35 @@
           "size": 548
         },
         {
-          "name": "styles-generic-toc.109e07ffeb20bc67.css",
-          "size": 1415
+          "name": "styles-generic-sidebar.db43d8c5c4748aca.css",
+          "size": 2170
         },
         {
-          "name": "styles-generic-toc.e87b903f40b5ee3d.js",
-          "size": 250
+          "name": "styles-generic-sidebar.5980d2f382e31c2f.js",
+          "size": 254
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 2213,
+      "assetsSize": 2972,
       "auxiliaryAssets": [
         {
           "name": "styles.42b0721850a6a7e4.js.map",
           "size": 2654
         },
         {
-          "name": "styles-generic-toc.109e07ffeb20bc67.css.map",
-          "size": 2348
+          "name": "styles-generic-sidebar.db43d8c5c4748aca.css.map",
+          "size": 3335
         }
       ],
-      "auxiliaryAssetsSize": 5002,
+      "auxiliaryAssetsSize": 5989,
       "children": {},
       "childAssets": {}
     },
-    "styles-homepage": {
-      "name": "styles-homepage",
+    "styles-heading-anchor": {
+      "name": "styles-heading-anchor",
       "chunks": [
         "4014",
-        "1187"
+        "4015"
       ],
       "assets": [
         {
@@ -1884,35 +1884,35 @@
           "size": 548
         },
         {
-          "name": "styles-homepage.0980eec27925cc11.css",
-          "size": 381
+          "name": "styles-heading-anchor.0eec5185ab9425b7.css",
+          "size": 694
         },
         {
-          "name": "styles-homepage.76dcd400ed4ef833.js",
-          "size": 245
+          "name": "styles-heading-anchor.9c108abd05c06751.js",
+          "size": 253
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 1174,
+      "assetsSize": 1495,
       "auxiliaryAssets": [
         {
           "name": "styles.42b0721850a6a7e4.js.map",
           "size": 2654
         },
         {
-          "name": "styles-homepage.0980eec27925cc11.css.map",
-          "size": 685
+          "name": "styles-heading-anchor.0eec5185ab9425b7.css.map",
+          "size": 1296
         }
       ],
-      "auxiliaryAssetsSize": 3339,
+      "auxiliaryAssetsSize": 3950,
       "children": {},
       "childAssets": {}
     },
-    "styles-heading-anchor": {
-      "name": "styles-heading-anchor",
+    "styles-homepage": {
+      "name": "styles-homepage",
       "chunks": [
         "4014",
-        "4015"
+        "1187"
       ],
       "assets": [
         {
@@ -1920,27 +1920,27 @@
           "size": 548
         },
         {
-          "name": "styles-heading-anchor.0eec5185ab9425b7.css",
-          "size": 694
+          "name": "styles-homepage.0980eec27925cc11.css",
+          "size": 381
         },
         {
-          "name": "styles-heading-anchor.9c108abd05c06751.js",
-          "size": 253
+          "name": "styles-homepage.76dcd400ed4ef833.js",
+          "size": 245
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 1495,
+      "assetsSize": 1174,
       "auxiliaryAssets": [
         {
           "name": "styles.42b0721850a6a7e4.js.map",
           "size": 2654
         },
         {
-          "name": "styles-heading-anchor.0eec5185ab9425b7.css.map",
-          "size": 1296
+          "name": "styles-homepage.0980eec27925cc11.css.map",
+          "size": 685
         }
       ],
-      "auxiliaryAssetsSize": 3950,
+      "auxiliaryAssetsSize": 3339,
       "children": {},
       "childAssets": {}
     },
@@ -2357,11 +2357,11 @@
       "children": {},
       "childAssets": {}
     },
-    "styles-not-found": {
-      "name": "styles-not-found",
+    "styles-navigation": {
+      "name": "styles-navigation",
       "chunks": [
         "4014",
-        "4575"
+        "1445"
       ],
       "assets": [
         {
@@ -2369,35 +2369,43 @@
           "size": 548
         },
         {
-          "name": "styles-not-found.7b511b835e4030ea.css",
-          "size": 293
+          "name": "styles-navigation.013b4a4ed330892a.css",
+          "size": 2143
         },
         {
-          "name": "styles-not-found.fbeeeeb400396890.js",
-          "size": 248
+          "name": "styles-navigation.135a000deb94eb19.js",
+          "size": 249
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 1089,
+      "assetsSize": 2940,
       "auxiliaryAssets": [
         {
           "name": "styles.42b0721850a6a7e4.js.map",
           "size": 2654
         },
         {
-          "name": "styles-not-found.7b511b835e4030ea.css.map",
-          "size": 570
+          "name": "menu.74ccd9bb64dbf543.svg",
+          "size": 222
+        },
+        {
+          "name": "cancel.7362f2cdf3515e0d.svg",
+          "size": 219
+        },
+        {
+          "name": "styles-navigation.013b4a4ed330892a.css.map",
+          "size": 4251
         }
       ],
-      "auxiliaryAssetsSize": 3224,
+      "auxiliaryAssetsSize": 7346,
       "children": {},
       "childAssets": {}
     },
-    "styles-navigation": {
-      "name": "styles-navigation",
+    "styles-not-found": {
+      "name": "styles-not-found",
       "chunks": [
         "4014",
-        "1445"
+        "4575"
       ],
       "assets": [
         {
@@ -2405,35 +2413,27 @@
           "size": 548
         },
         {
-          "name": "styles-navigation.013b4a4ed330892a.css",
-          "size": 2143
+          "name": "styles-not-found.7b511b835e4030ea.css",
+          "size": 293
         },
         {
-          "name": "styles-navigation.135a000deb94eb19.js",
-          "size": 249
+          "name": "styles-not-found.fbeeeeb400396890.js",
+          "size": 248
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 2940,
+      "assetsSize": 1089,
       "auxiliaryAssets": [
         {
           "name": "styles.42b0721850a6a7e4.js.map",
           "size": 2654
         },
         {
-          "name": "menu.74ccd9bb64dbf543.svg",
-          "size": 222
-        },
-        {
-          "name": "cancel.7362f2cdf3515e0d.svg",
-          "size": 219
-        },
-        {
-          "name": "styles-navigation.013b4a4ed330892a.css.map",
-          "size": 4251
+          "name": "styles-not-found.7b511b835e4030ea.css.map",
+          "size": 570
         }
       ],
-      "auxiliaryAssetsSize": 7346,
+      "auxiliaryAssetsSize": 3224,
       "children": {},
       "childAssets": {}
     },

package/out/static/client/{styles-content-section.e0bbadd0c4bc857d.css → styles-content-section.2f0727a030110fc9.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 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}
-/*# sourceMappingURL=styles-content-section.e0bbadd0c4bc857d.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 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) 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.2f0727a030110fc9.css.map*/