@mdn/fred 2.4.2 → 2.4.3

package/out/static/client/stats.json

@@ -11,7 +11,7 @@
       ],
       "assets": [
         {
-          "name": "runtime.fa41b0d4fa762325.js",
+          "name": "runtime.8ebca7827bf4c35c.js",
           "size": 19760
         },
         {
@@ -23,7 +23,7 @@
           "size": 55147
         },
         {
-          "name": "index.2d8f328c434a5768.js",
+          "name": "index.b2ccf995e945e9dc.js",
           "size": 33473
         }
       ],
@@ -31,7 +31,7 @@
       "assetsSize": 156381,
       "auxiliaryAssets": [
         {
-          "name": "runtime.fa41b0d4fa762325.js.map",
+          "name": "runtime.8ebca7827bf4c35c.js.map",
           "size": 46316
         },
         {
@@ -43,12 +43,12 @@
           "size": 201263
         },
         {
-          "name": "search.5dd31cbeea7d1af9.svg",
-          "size": 246
+          "name": "index.b2ccf995e945e9dc.js.map",
+          "size": 84089
         },
         {
-          "name": "index.2d8f328c434a5768.js.map",
-          "size": 84089
+          "name": "search.5dd31cbeea7d1af9.svg",
+          "size": 246
         }
       ],
       "auxiliaryAssetsSize": 585778,
@@ -67,12 +67,12 @@
           "size": 581
         },
         {
-          "name": "styles-global.8b4b213c704a703e.js",
-          "size": 687
+          "name": "styles-global.3da376739551015c.css",
+          "size": 25341
         },
         {
-          "name": "styles-global.356d25ef0f954fc4.css",
-          "size": 25341
+          "name": "styles-global.445b59e1ff23f88c.js",
+          "size": 687
         }
       ],
       "filteredAssets": 0,
@@ -130,6 +130,10 @@
           "name": "flask-conical.c16b3d71f14f31d1.svg",
           "size": 326
         },
+        {
+          "name": "styles-global.3da376739551015c.css.map",
+          "size": 40521
+        },
         {
           "name": "inter-cyrillic.eecfbd79d522303a.woff2",
           "size": 29904
@@ -146,10 +150,6 @@
           "name": "inter-italic-latin-extended.0a7409875db33654.woff2",
           "size": 155320
         },
-        {
-          "name": "styles-global.356d25ef0f954fc4.css.map",
-          "size": 40521
-        },
         {
           "name": "BarlowCondensed-SemiBold.199288b668a15dc1.woff2",
           "size": 60508
@@ -195,11 +195,11 @@
       "children": {},
       "childAssets": {}
     },
-    "styles-advertising": {
-      "name": "styles-advertising",
+    "styles-article-footer": {
+      "name": "styles-article-footer",
       "chunks": [
         "4014",
-        "3753"
+        "8769"
       ],
       "assets": [
         {
@@ -207,39 +207,35 @@
           "size": 581
         },
         {
-          "name": "styles-advertising.5f4c01ac7d5e6c29.js",
-          "size": 264
+          "name": "styles-article-footer.81ae18c89fc527dc.css",
+          "size": 849
         },
         {
-          "name": "styles-advertising.8afb82233412292a.css",
-          "size": 2837
+          "name": "styles-article-footer.b51bc494fb83477f.js",
+          "size": 269
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 3682,
+      "assetsSize": 1699,
       "auxiliaryAssets": [
         {
           "name": "styles.5b02dc99a7ee272a.js.map",
           "size": 2806
         },
         {
-          "name": "styles-advertising.8afb82233412292a.css.map",
-          "size": 5072
-        },
-        {
-          "name": "m-logo.53bc3f53d5946169.svg",
-          "size": 221
+          "name": "styles-article-footer.81ae18c89fc527dc.css.map",
+          "size": 1719
         }
       ],
-      "auxiliaryAssetsSize": 8099,
+      "auxiliaryAssetsSize": 4525,
       "children": {},
       "childAssets": {}
     },
-    "styles-article-footer": {
-      "name": "styles-article-footer",
+    "styles-advertising": {
+      "name": "styles-advertising",
       "chunks": [
         "4014",
-        "8769"
+        "3753"
       ],
       "assets": [
         {
@@ -247,27 +243,31 @@
           "size": 581
         },
         {
-          "name": "styles-article-footer.81ae18c89fc527dc.css",
-          "size": 849
+          "name": "styles-advertising.5f4c01ac7d5e6c29.js",
+          "size": 264
         },
         {
-          "name": "styles-article-footer.b51bc494fb83477f.js",
-          "size": 269
+          "name": "styles-advertising.8afb82233412292a.css",
+          "size": 2837
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 1699,
+      "assetsSize": 3682,
       "auxiliaryAssets": [
         {
           "name": "styles.5b02dc99a7ee272a.js.map",
           "size": 2806
         },
         {
-          "name": "styles-article-footer.81ae18c89fc527dc.css.map",
-          "size": 1719
+          "name": "styles-advertising.8afb82233412292a.css.map",
+          "size": 5072
+        },
+        {
+          "name": "m-logo.53bc3f53d5946169.svg",
+          "size": 221
         }
       ],
-      "auxiliaryAssetsSize": 4525,
+      "auxiliaryAssetsSize": 8099,
       "children": {},
       "childAssets": {}
     },
@@ -451,12 +451,12 @@
           "size": 581
         },
         {
-          "name": "styles-blog-post.301718b412e915c1.js",
-          "size": 258
+          "name": "styles-blog-post.d0b92f36d3ccd2ae.css",
+          "size": 3998
         },
         {
-          "name": "styles-blog-post.c03ec8a22f8d4ff6.css",
-          "size": 3998
+          "name": "styles-blog-post.301718b412e915c1.js",
+          "size": 258
         }
       ],
       "filteredAssets": 0,
@@ -475,7 +475,7 @@
           "size": 212
         },
         {
-          "name": "styles-blog-post.c03ec8a22f8d4ff6.css.map",
+          "name": "styles-blog-post.d0b92f36d3ccd2ae.css.map",
           "size": 6767
         }
       ],
@@ -1029,7 +1029,7 @@
           "size": 7714
         },
         {
-          "name": "9326.6a60853854f7ec9b.css",
+          "name": "9326.431ef0e548c5f096.css",
           "size": 10623
         },
         {
@@ -1037,7 +1037,7 @@
           "size": 273
         },
         {
-          "name": "styles-curriculum-landing.6700bec8f414e4d9.css",
+          "name": "styles-curriculum-landing.9b5fbdd11a9d6c5b.css",
           "size": 27302
         }
       ],
@@ -1057,7 +1057,7 @@
           "size": 11154
         },
         {
-          "name": "9326.6a60853854f7ec9b.css.map",
+          "name": "9326.431ef0e548c5f096.css.map",
           "size": 14555
         },
         {
@@ -1153,7 +1153,7 @@
           "size": 448
         },
         {
-          "name": "styles-curriculum-landing.6700bec8f414e4d9.css.map",
+          "name": "styles-curriculum-landing.9b5fbdd11a9d6c5b.css.map",
           "size": 43222
         },
         {
@@ -1340,7 +1340,7 @@
           "size": 2878
         },
         {
-          "name": "9326.6a60853854f7ec9b.css",
+          "name": "9326.431ef0e548c5f096.css",
           "size": 10623
         },
         {
@@ -1372,7 +1372,7 @@
           "size": 4571
         },
         {
-          "name": "9326.6a60853854f7ec9b.css.map",
+          "name": "9326.431ef0e548c5f096.css.map",
           "size": 14555
         },
         {
@@ -1484,7 +1484,7 @@
           "size": 270
         },
         {
-          "name": "styles-featured-articles.b4ecc71ab736bd5b.css",
+          "name": "styles-featured-articles.a2c1f1fd278c9256.css",
           "size": 1463
         }
       ],
@@ -1496,7 +1496,7 @@
           "size": 2806
         },
         {
-          "name": "styles-featured-articles.b4ecc71ab736bd5b.css.map",
+          "name": "styles-featured-articles.a2c1f1fd278c9256.css.map",
           "size": 2710
         }
       ],
@@ -1572,12 +1572,12 @@
           "size": 581
         },
         {
-          "name": "styles-generic-about.5317f3341c19ff55.js",
-          "size": 268
+          "name": "styles-generic-about.8856856e6f4b7e46.css",
+          "size": 44123
         },
         {
-          "name": "styles-generic-about.8fb97dff70bba559.css",
-          "size": 44123
+          "name": "styles-generic-about.5317f3341c19ff55.js",
+          "size": 268
         }
       ],
       "filteredAssets": 0,
@@ -1652,7 +1652,7 @@
           "size": 158
         },
         {
-          "name": "styles-generic-about.8fb97dff70bba559.css.map",
+          "name": "styles-generic-about.8856856e6f4b7e46.css.map",
           "size": 65283
         },
         {
@@ -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,12 +1989,11 @@
       "children": {},
       "childAssets": {}
     },
-    "styles-homepage-contributor-spotlight": {
-      "name": "styles-homepage-contributor-spotlight",
+    "styles-homepage": {
+      "name": "styles-homepage",
       "chunks": [
         "4014",
-        "3391",
-        "5894"
+        "1187"
       ],
       "assets": [
         {
@@ -2038,39 +2001,27 @@
           "size": 581
         },
         {
-          "name": "3391.29de8a92ac879678.css",
-          "size": 7714
-        },
-        {
-          "name": "styles-homepage-contributor-spotlight.90541370c1829dd3.js",
-          "size": 285
+          "name": "styles-homepage.0980eec27925cc11.css",
+          "size": 381
         },
         {
-          "name": "styles-homepage-contributor-spotlight.2bcbb1476c70410c.css",
-          "size": 1720
+          "name": "styles-homepage.8bfb6c93fba0ce03.js",
+          "size": 263
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 10300,
+      "assetsSize": 1225,
       "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.2bcbb1476c70410c.css.map",
-          "size": 3022
+          "name": "styles-homepage.0980eec27925cc11.css.map",
+          "size": 685
         }
       ],
-      "auxiliaryAssetsSize": 17349,
+      "auxiliaryAssetsSize": 3491,
       "children": {},
       "childAssets": {}
     },
@@ -2146,6 +2097,55 @@
       "children": {},
       "childAssets": {}
     },
+    "styles-homepage-contributor-spotlight": {
+      "name": "styles-homepage-contributor-spotlight",
+      "chunks": [
+        "4014",
+        "3391",
+        "5894"
+      ],
+      "assets": [
+        {
+          "name": "styles.5b02dc99a7ee272a.js",
+          "size": 581
+        },
+        {
+          "name": "3391.29de8a92ac879678.css",
+          "size": 7714
+        },
+        {
+          "name": "styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css",
+          "size": 1720
+        },
+        {
+          "name": "styles-homepage-contributor-spotlight.90541370c1829dd3.js",
+          "size": 285
+        }
+      ],
+      "filteredAssets": 0,
+      "assetsSize": 10300,
+      "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
+        }
+      ],
+      "auxiliaryAssetsSize": 17349,
+      "children": {},
+      "childAssets": {}
+    },
     "styles-homepage-hero": {
       "name": "styles-homepage-hero",
       "chunks": [
@@ -2194,7 +2194,7 @@
           "size": 581
         },
         {
-          "name": "styles-latest-news.ef3b9e57333a87bc.css",
+          "name": "styles-latest-news.afe0cccaa067269f.css",
           "size": 1621
         },
         {
@@ -2210,7 +2210,7 @@
           "size": 2806
         },
         {
-          "name": "styles-latest-news.ef3b9e57333a87bc.css.map",
+          "name": "styles-latest-news.afe0cccaa067269f.css.map",
           "size": 3008
         }
       ],

package/out/static/client/{styles-blog-post.c03ec8a22f8d4ff6.css → styles-blog-post.d0b92f36d3ccd2ae.css}

@@ -1,2 +1,2 @@
-.blog-post{--accent-color:var(--color-text-blue);--accent-background:var(--color-background-blue);--avatar-size:3rem;--author-gap:1rem;--toc-header-font-size:var(--font-size-large);display:grid;grid-auto-flow:dense;grid-template-columns:var(--layout-1-sidebar-left);padding-inline:var(--layout-side-padding);padding-bottom:2rem;padding-top:2rem;row-gap:3rem}@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)){.blog-post{grid-template-columns:var(--layout-no-sidebar)}}.blog-post__content{grid-column:content}.blog-post__toc{grid-column:sidebar;max-height:calc(100vh - var(--sticky-header-height));overflow-y:auto;padding-left:2px;position:sticky;top:var(--sticky-header-height)}@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)){.blog-post__toc{display:none}}.blog-post-header__image{margin:0 auto 2rem;width:fit-content}.blog-post-header__image img{border-radius:.25rem}.blog-post-header__heading{font-size:var(--font-size-largest);font-weight:var(--font-weight-bold);line-height:1.2;margin-top:1rem}.blog-post-header__author-read-time{gap:1.5rem}.blog-post-author,.blog-post-header__author-read-time{align-content:flex-start;align-items:center;display:flex;flex-wrap:wrap}.blog-post-author{font-weight:var(--font-weight-bold)}.blog-post-author:after{display:inline-flex;gap:3px}.blog-post-author:active,.blog-post-author:hover{-webkit-text-decoration:none;text-decoration:none}.blog-post-author__avatar{border:none;border-radius:var(--avatar-size);height:var(--avatar-size);margin:0;margin-right:var(--author-gap);object-fit:cover;width:var(--avatar-size)}.blog-toc h2{font-size:var(--toc-header-font-size,var(--font-size-large));font-weight:400;margin:0;padding:.75em 0}.blog-toc ul{display:grid;list-style:none;margin:0;padding:0}:is(.blog-toc ul) ul{padding-left:1em}.blog-toc a{box-shadow:-2px 0 0 var(--color-border-primary);color:inherit;display:inline-block;margin-left:2px;padding:.25em .5em}:is(.blog-toc a):not(:hover){-webkit-text-decoration:none;text-decoration:none}:is(.blog-toc a):hover:not([aria-current=true]){color:var(--color-link-normal)}[aria-current=true]:is(.blog-toc a){background-color:var(--accent-background);box-shadow:-2px 0 0 var(--accent-color)}.blog-post-previous-next{display:flex;gap:1rem;margin-top:3rem}@media (width <= 769px){.blog-post-previous-next{flex-direction:column-reverse}}.blog-post-previous-next a{color:var(--color-text-primary);display:flex;gap:1rem;-webkit-text-decoration:none;text-decoration:none;width:100%}:is(.blog-post-previous-next a):hover h2{-webkit-text-decoration:underline;text-decoration:underline}:is(.blog-post-previous-next a):active{background:none}@media (769px < width){:is(.blog-post-previous-next__previous:is(.blog-post-previous-next a),.blog-post-previous-next__next:is(.blog-post-previous-next a)):after,:is(.blog-post-previous-next__previous:is(.blog-post-previous-next a),.blog-post-previous-next__next:is(.blog-post-previous-next a)):before{align-self:center;background-color:var(--color-text-primary);flex-shrink:0;height:1rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1rem}.blog-post-previous-next__previous:is(.blog-post-previous-next a):before{content:"";-webkit-mask-image:url(/static/client/chevron-left.e19352a3b5ee673b.svg);mask-image:url(/static/client/chevron-left.e19352a3b5ee673b.svg)}.blog-post-previous-next__next:is(.blog-post-previous-next a):after{content:"";-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg)}}.blog-post-previous-next article{margin:0 auto}.blog-post-previous-next h2:first-of-type{font-size:var(--font-size-normal);margin:0;text-align:center}:is(.blog-post-previous-next h2:first-of-type) strong{color:var(--color-text-primary);display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-normal);line-height:1.2rem}
-/*# sourceMappingURL=styles-blog-post.c03ec8a22f8d4ff6.css.map*/
+.blog-post{--accent-color:var(--color-text-blue);--accent-background:var(--color-background-blue);--avatar-size:3rem;--author-gap:1rem;--toc-header-font-size:var(--font-size-large);display:grid;grid-auto-flow:dense;grid-template-columns:var(--layout-1-sidebar-left);padding-inline:var(--layout-side-padding);padding-bottom:2rem;padding-top:2rem;row-gap:3rem}@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)){.blog-post{grid-template-columns:var(--layout-no-sidebar)}}.blog-post__content{grid-column:content}.blog-post__toc{grid-column:sidebar;max-height:calc(100vh - var(--sticky-header-height));overflow-y:auto;padding-left:2px;position:sticky;top:var(--sticky-header-height)}@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)){.blog-post__toc{display:none}}.blog-post-header__image{margin:0 auto 2rem;width:fit-content}.blog-post-header__image img{border-radius:.25rem}.blog-post-header__heading{font-size:var(--font-size-largest);font-weight:var(--font-weight-bold);line-height:1.2;margin-top:1rem}.blog-post-header__author-read-time{gap:1.5rem}.blog-post-author,.blog-post-header__author-read-time{align-content:flex-start;align-items:center;display:flex;flex-wrap:wrap}.blog-post-author{font-weight:var(--font-weight-bold)}.blog-post-author:after{display:inline-flex;gap:3px}.blog-post-author:active,.blog-post-author:hover{-webkit-text-decoration:none;text-decoration:none}.blog-post-author__avatar{border:none;border-radius:var(--avatar-size);height:var(--avatar-size);margin:0;margin-right:var(--author-gap);object-fit:cover;width:var(--avatar-size)}.blog-toc h2{font-size:var(--toc-header-font-size,var(--font-size-large));font-weight:400;margin:0;padding:.75em 0}.blog-toc ul{display:grid;list-style:none;margin:0;padding:0}:is(.blog-toc ul) ul{padding-left:1em}.blog-toc a{box-shadow:-2px 0 0 var(--color-border-primary);color:inherit;display:inline-block;margin-left:2px;padding:.25em .5em}:is(.blog-toc a):not(:hover){-webkit-text-decoration:none;text-decoration:none}:is(.blog-toc a):hover:not([aria-current=true]){color:var(--color-link-normal)}[aria-current=true]:is(.blog-toc a){background-color:var(--accent-background);box-shadow:-2px 0 0 var(--accent-color)}.blog-post-previous-next{display:flex;gap:1rem;margin-top:3rem}@media (width <= 769px){.blog-post-previous-next{flex-direction:column-reverse}}.blog-post-previous-next a{color:var(--color-text-primary);display:flex;gap:1rem;-webkit-text-decoration:none;text-decoration:none;width:100%}:is(.blog-post-previous-next a):hover h2{-webkit-text-decoration:underline;text-decoration:underline}:is(.blog-post-previous-next a):active{background:none}@media (width > 769px){:is(.blog-post-previous-next__previous:is(.blog-post-previous-next a),.blog-post-previous-next__next:is(.blog-post-previous-next a)):after,:is(.blog-post-previous-next__previous:is(.blog-post-previous-next a),.blog-post-previous-next__next:is(.blog-post-previous-next a)):before{align-self:center;background-color:var(--color-text-primary);flex-shrink:0;height:1rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1rem}.blog-post-previous-next__previous:is(.blog-post-previous-next a):before{content:"";-webkit-mask-image:url(/static/client/chevron-left.e19352a3b5ee673b.svg);mask-image:url(/static/client/chevron-left.e19352a3b5ee673b.svg)}.blog-post-previous-next__next:is(.blog-post-previous-next a):after{content:"";-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg)}}.blog-post-previous-next article{margin:0 auto}.blog-post-previous-next h2:first-of-type{font-size:var(--font-size-normal);margin:0;text-align:center}:is(.blog-post-previous-next h2:first-of-type) strong{color:var(--color-text-primary);display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-normal);line-height:1.2rem}
+/*# sourceMappingURL=styles-blog-post.d0b92f36d3ccd2ae.css.map*/

package/out/static/client/{styles-blog-post.c03ec8a22f8d4ff6.css.map → styles-blog-post.d0b92f36d3ccd2ae.css.map}

@@ -1 +1 @@
-{"version":3,"file":"styles-blog-post.c03ec8a22f8d4ff6.css","sources":["webpack://@mdn/fred/./components/blog-post/server.css"],"sourcesContent":[".blog-post {\n  --accent-color: var(--color-text-blue);\n  --accent-background: var(--color-background-blue);\n  --avatar-size: 3rem;\n  --author-gap: 1rem;\n  --toc-header-font-size: var(--font-size-large);\n\n  display: grid;\n\n  grid-template-columns: var(--layout-1-sidebar-left);\n  grid-auto-flow: dense;\n\n  row-gap: 3rem;\n\n  padding-inline: var(--layout-side-padding);\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n}\n\n@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)) {\n\n.blog-post {\n    grid-template-columns: var(--layout-no-sidebar);\n}\n  }\n\n.blog-post__content {\n  grid-column: content;\n}\n\n.blog-post__toc {\n  position: sticky;\n  top: var(--sticky-header-height);\n\n  grid-column: sidebar;\n\n  max-height: calc(100vh - var(--sticky-header-height));\n\n  padding-left: 2px;\n\n  overflow-y: auto;\n}\n\n@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)) {\n\n.blog-post__toc {\n    display: none;\n}\n  }\n\n.blog-post-header__image {\n  width: fit-content;\n  margin: 0 auto 2rem;\n}\n\n.blog-post-header__image img {\n    border-radius: 0.25rem;\n  }\n\n.blog-post-header__heading {\n  margin-top: 1rem;\n\n  font-size: var(--font-size-largest);\n  font-weight: var(--font-weight-bold);\n\n  line-height: 1.2;\n}\n\n.blog-post-header__author-read-time {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 1.5rem;\n  align-content: flex-start;\n  align-items: center;\n}\n\n.blog-post-author {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  align-content: flex-start;\n  align-items: center;\n\n  font-weight: var(--font-weight-bold);\n}\n\n.blog-post-author::after {\n    display: inline-flex;\n    gap: 3px;\n  }\n\n.blog-post-author:hover,.blog-post-author:active {\n    -webkit-text-decoration: none;\n    text-decoration: none;\n  }\n\n.blog-post-author__avatar {\n  width: var(--avatar-size);\n  height: var(--avatar-size);\n\n  margin: 0;\n  margin-right: var(--author-gap);\n\n  object-fit: cover;\n\n  border: none;\n  border-radius: var(--avatar-size);\n}\n\n/* TOC */\n\n.blog-toc h2 {\n    padding: 0.75em 0;\n    margin: 0;\n\n    font-size: var(--toc-header-font-size, var(--font-size-large));\n    font-weight: normal;\n  }\n\n.blog-toc ul {\n    display: grid;\n\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n  }\n\n:is(.blog-toc ul) ul {\n      padding-left: 1em;\n    }\n\n.blog-toc a {\n    display: inline-block;\n\n    padding: 0.25em 0.5em;\n    margin-left: 2px;\n\n    color: inherit;\n\n    box-shadow: -2px 0 0 var(--color-border-primary);\n  }\n\n:is(.blog-toc a):not(:hover) {\n      -webkit-text-decoration: none;\n      text-decoration: none;\n    }\n\n:is(.blog-toc a):hover:not([aria-current=\"true\"]) {\n      color: var(--color-link-normal);\n    }\n\n[aria-current=\"true\"]:is(.blog-toc a) {\n      background-color: var(--accent-background);\n      box-shadow: -2px 0 0 var(--accent-color);\n    }\n\n/* previous/next */\n\n.blog-post-previous-next {\n  display: flex;\n  gap: 1rem;\n  margin-top: 3rem;\n}\n\n@media (width <= 769px) {\n\n.blog-post-previous-next {\n    flex-direction: column-reverse;\n}\n  }\n\n.blog-post-previous-next a {\n    display: flex;\n\n    gap: 1rem;\n\n    width: 100%;\n\n    color: var(--color-text-primary);\n\n    -webkit-text-decoration: none;\n\n    text-decoration: none;\n  }\n\n:is(.blog-post-previous-next a):hover h2 {\n      -webkit-text-decoration: underline;\n      text-decoration: underline;\n    }\n\n:is(.blog-post-previous-next a):active {\n      background: none;\n    }\n\n@media (769px < width) {\n        :is(.blog-post-previous-next__previous:is(.blog-post-previous-next a),.blog-post-previous-next__next:is(.blog-post-previous-next a))::before,:is(.blog-post-previous-next__previous:is(.blog-post-previous-next a),.blog-post-previous-next__next:is(.blog-post-previous-next a))::after {\n          flex-shrink: 0;\n\n          align-self: center;\n\n          width: 1rem;\n          height: 1rem;\n\n          vertical-align: middle;\n\n          background-color: var(--color-text-primary);\n\n          -webkit-mask-repeat: no-repeat;\n\n                  mask-repeat: no-repeat;\n          -webkit-mask-position: center;\n                  mask-position: center;\n        }\n\n      .blog-post-previous-next__previous:is(.blog-post-previous-next a)::before {\n        content: \"\";\n        -webkit-mask-image: url(\"../icon/chevron-left.svg\");\n                mask-image: url(\"../icon/chevron-left.svg\");\n      }\n\n      .blog-post-previous-next__next:is(.blog-post-previous-next a)::after {\n        content: \"\";\n        -webkit-mask-image: url(\"../icon/chevron-right.svg\");\n                mask-image: url(\"../icon/chevron-right.svg\");\n      }\n    }\n\n.blog-post-previous-next article {\n    margin: 0 auto;\n  }\n\n.blog-post-previous-next h2:first-of-type {\n    margin: 0;\n    font-size: var(--font-size-normal);\n    text-align: center;\n  }\n\n:is(.blog-post-previous-next h2:first-of-type) strong {\n      display: block;\n\n      font-size: var(--font-size-small);\n      font-weight: var(--font-weight-normal);\n\n      line-height: 1.2rem;\n\n      color: var(--color-text-primary);\n    }\n"],"names":[],"mappings":"AAAA,WACE,qCAAsC,CACtC,gDAAiD,CACjD,kBAAmB,CACnB,iBAAkB,CAClB,6CAA8C,CAE9C,YAAa,CAGb,oBAAqB,CADrB,kDAAmD,CAKnD,yCAA0C,CAE1C,mBAAoB,CADpB,gBAAiB,CAHjB,YAKF,CAEA,uDAEA,WACI,8CACJ,CACE,CAEF,oBACE,mBACF,CAEA,gBAIE,mBAAoB,CAEpB,oDAAqD,CAIrD,eAAgB,CAFhB,gBAAiB,CAPjB,eAAgB,CAChB,+BASF,CAEA,uDAEA,gBACI,YACJ,CACE,CAEF,yBAEE,kBAAmB,CADnB,iBAEF,CAEA,6BACI,oBACF,CAEF,2BAGE,kCAAmC,CACnC,mCAAoC,CAEpC,eAAgB,CALhB,eAMF,CAEA,oCAKE,UAGF,CAEA,sDAJE,wBAAyB,CACzB,kBAAmB,CANnB,YAAa,CAEb,cAgBF,CATA,kBAQE,mCACF,CAEA,wBACI,mBAAoB,CACpB,OACF,CAEF,iDACI,4BAA6B,CAC7B,oBACF,CAEF,0BASE,WAAY,CACZ,gCAAiC,CARjC,yBAA0B,CAE1B,QAAS,CACT,8BAA+B,CAE/B,gBAAiB,CANjB,wBAUF,CAIA,aAII,4DAA8D,CAC9D,eAAmB,CAHnB,QAAS,CADT,eAKF,CAEF,aACI,YAAa,CAKb,eAAgB,CAFhB,QAAS,CADT,SAIF,CAEF,qBACM,gBACF,CAEJ,YAQI,+CAAgD,CAFhD,aAAc,CALd,oBAAqB,CAGrB,eAAgB,CADhB,kBAMF,CAEF,6BACM,4BAA6B,CAC7B,oBACF,CAEJ,gDACM,8BACF,CAEJ,oCACM,yCAA0C,CAC1C,uCACF,CAIJ,yBACE,YAAa,CACb,QAAS,CACT,eACF,CAEA,wBAEA,yBACI,6BACJ,CACE,CAEF,2BAOI,+BAAgC,CANhC,YAAa,CAEb,QAAS,CAMT,4BAA6B,CAE7B,oBAAqB,CANrB,UAOF,CAEF,yCACM,iCAAkC,CAClC,yBACF,CAEJ,uCACM,eACF,CAEJ,uBACQ,uRAGE,iBAAkB,CAOlB,0CAA2C,CAT3C,aAAc,CAKd,WAAY,CASZ,4BAA6B,CACrB,oBAAqB,CAJ7B,6BAA8B,CAEtB,qBAAsB,CAN9B,qBAAsB,CAHtB,UAYF,CAEF,yEACE,UAAW,CACX,wEAAmD,CAC3C,gEACV,CAEA,oEACE,UAAW,CACX,yEAAoD,CAC5C,iEACV,CACF,CAEJ,iCACI,aACF,CAEF,0CAEI,iCAAkC,CADlC,QAAS,CAET,iBACF,CAEF,sDAQM,+BAAgC,CAPhC,aAAc,CAEd,gCAAiC,CACjC,qCAAsC,CAEtC,kBAGF"}
+{"version":3,"file":"styles-blog-post.d0b92f36d3ccd2ae.css","sources":["webpack://@mdn/fred/./components/blog-post/server.css"],"sourcesContent":[".blog-post {\n  --accent-color: var(--color-text-blue);\n  --accent-background: var(--color-background-blue);\n  --avatar-size: 3rem;\n  --author-gap: 1rem;\n  --toc-header-font-size: var(--font-size-large);\n\n  display: grid;\n\n  grid-template-columns: var(--layout-1-sidebar-left);\n  grid-auto-flow: dense;\n\n  row-gap: 3rem;\n\n  padding-inline: var(--layout-side-padding);\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n}\n\n@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)) {\n\n.blog-post {\n    grid-template-columns: var(--layout-no-sidebar);\n}\n  }\n\n.blog-post__content {\n  grid-column: content;\n}\n\n.blog-post__toc {\n  position: sticky;\n  top: var(--sticky-header-height);\n\n  grid-column: sidebar;\n\n  max-height: calc(100vh - var(--sticky-header-height));\n\n  padding-left: 2px;\n\n  overflow-y: auto;\n}\n\n@media (width < calc(1rem * 2 + 15rem + 2rem + 31rem)) {\n\n.blog-post__toc {\n    display: none;\n}\n  }\n\n.blog-post-header__image {\n  width: fit-content;\n  margin: 0 auto 2rem;\n}\n\n.blog-post-header__image img {\n    border-radius: 0.25rem;\n  }\n\n.blog-post-header__heading {\n  margin-top: 1rem;\n\n  font-size: var(--font-size-largest);\n  font-weight: var(--font-weight-bold);\n\n  line-height: 1.2;\n}\n\n.blog-post-header__author-read-time {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 1.5rem;\n  align-content: flex-start;\n  align-items: center;\n}\n\n.blog-post-author {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  align-content: flex-start;\n  align-items: center;\n\n  font-weight: var(--font-weight-bold);\n}\n\n.blog-post-author::after {\n    display: inline-flex;\n    gap: 3px;\n  }\n\n.blog-post-author:hover,.blog-post-author:active {\n    -webkit-text-decoration: none;\n    text-decoration: none;\n  }\n\n.blog-post-author__avatar {\n  width: var(--avatar-size);\n  height: var(--avatar-size);\n\n  margin: 0;\n  margin-right: var(--author-gap);\n\n  object-fit: cover;\n\n  border: none;\n  border-radius: var(--avatar-size);\n}\n\n/* TOC */\n\n.blog-toc h2 {\n    padding: 0.75em 0;\n    margin: 0;\n\n    font-size: var(--toc-header-font-size, var(--font-size-large));\n    font-weight: normal;\n  }\n\n.blog-toc ul {\n    display: grid;\n\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n  }\n\n:is(.blog-toc ul) ul {\n      padding-left: 1em;\n    }\n\n.blog-toc a {\n    display: inline-block;\n\n    padding: 0.25em 0.5em;\n    margin-left: 2px;\n\n    color: inherit;\n\n    box-shadow: -2px 0 0 var(--color-border-primary);\n  }\n\n:is(.blog-toc a):not(:hover) {\n      -webkit-text-decoration: none;\n      text-decoration: none;\n    }\n\n:is(.blog-toc a):hover:not([aria-current=\"true\"]) {\n      color: var(--color-link-normal);\n    }\n\n[aria-current=\"true\"]:is(.blog-toc a) {\n      background-color: var(--accent-background);\n      box-shadow: -2px 0 0 var(--accent-color);\n    }\n\n/* previous/next */\n\n.blog-post-previous-next {\n  display: flex;\n  gap: 1rem;\n  margin-top: 3rem;\n}\n\n@media (width <= 769px) {\n\n.blog-post-previous-next {\n    flex-direction: column-reverse;\n}\n  }\n\n.blog-post-previous-next a {\n    display: flex;\n\n    gap: 1rem;\n\n    width: 100%;\n\n    color: var(--color-text-primary);\n\n    -webkit-text-decoration: none;\n\n    text-decoration: none;\n  }\n\n:is(.blog-post-previous-next a):hover h2 {\n      -webkit-text-decoration: underline;\n      text-decoration: underline;\n    }\n\n:is(.blog-post-previous-next a):active {\n      background: none;\n    }\n\n@media (width > 769px) {\n        :is(.blog-post-previous-next__previous:is(.blog-post-previous-next a),.blog-post-previous-next__next:is(.blog-post-previous-next a))::before,:is(.blog-post-previous-next__previous:is(.blog-post-previous-next a),.blog-post-previous-next__next:is(.blog-post-previous-next a))::after {\n          flex-shrink: 0;\n\n          align-self: center;\n\n          width: 1rem;\n          height: 1rem;\n\n          vertical-align: middle;\n\n          background-color: var(--color-text-primary);\n\n          -webkit-mask-repeat: no-repeat;\n\n                  mask-repeat: no-repeat;\n          -webkit-mask-position: center;\n                  mask-position: center;\n        }\n\n      .blog-post-previous-next__previous:is(.blog-post-previous-next a)::before {\n        content: \"\";\n        -webkit-mask-image: url(\"../icon/chevron-left.svg\");\n                mask-image: url(\"../icon/chevron-left.svg\");\n      }\n\n      .blog-post-previous-next__next:is(.blog-post-previous-next a)::after {\n        content: \"\";\n        -webkit-mask-image: url(\"../icon/chevron-right.svg\");\n                mask-image: url(\"../icon/chevron-right.svg\");\n      }\n    }\n\n.blog-post-previous-next article {\n    margin: 0 auto;\n  }\n\n.blog-post-previous-next h2:first-of-type {\n    margin: 0;\n    font-size: var(--font-size-normal);\n    text-align: center;\n  }\n\n:is(.blog-post-previous-next h2:first-of-type) strong {\n      display: block;\n\n      font-size: var(--font-size-small);\n      font-weight: var(--font-weight-normal);\n\n      line-height: 1.2rem;\n\n      color: var(--color-text-primary);\n    }\n"],"names":[],"mappings":"AAAA,WACE,qCAAsC,CACtC,gDAAiD,CACjD,kBAAmB,CACnB,iBAAkB,CAClB,6CAA8C,CAE9C,YAAa,CAGb,oBAAqB,CADrB,kDAAmD,CAKnD,yCAA0C,CAE1C,mBAAoB,CADpB,gBAAiB,CAHjB,YAKF,CAEA,uDAEA,WACI,8CACJ,CACE,CAEF,oBACE,mBACF,CAEA,gBAIE,mBAAoB,CAEpB,oDAAqD,CAIrD,eAAgB,CAFhB,gBAAiB,CAPjB,eAAgB,CAChB,+BASF,CAEA,uDAEA,gBACI,YACJ,CACE,CAEF,yBAEE,kBAAmB,CADnB,iBAEF,CAEA,6BACI,oBACF,CAEF,2BAGE,kCAAmC,CACnC,mCAAoC,CAEpC,eAAgB,CALhB,eAMF,CAEA,oCAKE,UAGF,CAEA,sDAJE,wBAAyB,CACzB,kBAAmB,CANnB,YAAa,CAEb,cAgBF,CATA,kBAQE,mCACF,CAEA,wBACI,mBAAoB,CACpB,OACF,CAEF,iDACI,4BAA6B,CAC7B,oBACF,CAEF,0BASE,WAAY,CACZ,gCAAiC,CARjC,yBAA0B,CAE1B,QAAS,CACT,8BAA+B,CAE/B,gBAAiB,CANjB,wBAUF,CAIA,aAII,4DAA8D,CAC9D,eAAmB,CAHnB,QAAS,CADT,eAKF,CAEF,aACI,YAAa,CAKb,eAAgB,CAFhB,QAAS,CADT,SAIF,CAEF,qBACM,gBACF,CAEJ,YAQI,+CAAgD,CAFhD,aAAc,CALd,oBAAqB,CAGrB,eAAgB,CADhB,kBAMF,CAEF,6BACM,4BAA6B,CAC7B,oBACF,CAEJ,gDACM,8BACF,CAEJ,oCACM,yCAA0C,CAC1C,uCACF,CAIJ,yBACE,YAAa,CACb,QAAS,CACT,eACF,CAEA,wBAEA,yBACI,6BACJ,CACE,CAEF,2BAOI,+BAAgC,CANhC,YAAa,CAEb,QAAS,CAMT,4BAA6B,CAE7B,oBAAqB,CANrB,UAOF,CAEF,yCACM,iCAAkC,CAClC,yBACF,CAEJ,uCACM,eACF,CAEJ,uBACQ,uRAGE,iBAAkB,CAOlB,0CAA2C,CAT3C,aAAc,CAKd,WAAY,CASZ,4BAA6B,CACrB,oBAAqB,CAJ7B,6BAA8B,CAEtB,qBAAsB,CAN9B,qBAAsB,CAHtB,UAYF,CAEF,yEACE,UAAW,CACX,wEAAmD,CAC3C,gEACV,CAEA,oEACE,UAAW,CACX,yEAAoD,CAC5C,iEACV,CACF,CAEJ,iCACI,aACF,CAEF,0CAEI,iCAAkC,CADlC,QAAS,CAET,iBACF,CAEF,sDAQM,+BAAgC,CAPhC,aAAc,CAEd,gCAAiC,CACjC,qCAAsC,CAEtC,kBAGF"}