npm - @mdn/fred - Versions diffs - 2.4.2 → 2.4.3 - Mend

@mdn/fred 2.4.2 → 2.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (39) hide show

package/out/static/client/{styles-global.356d25ef0f954fc4.css.map → styles-global.3da376739551015c.css.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles-global.356d25ef0f954fc4.css","sources":["webpack://@mdn/fred/./components/badge/global.css","webpack://@mdn/fred/./components/code-example/global.css","webpack://@mdn/fred/./components/button/global.css","webpack://@mdn/fred/./components/color/border.css","webpack://@mdn/fred/./components/color/background.css","webpack://@mdn/fred/./components/color/text.css","webpack://@mdn/fred/./components/color/link.css","webpack://@mdn/fred/./components/color/scrollbar.css","webpack://@mdn/fred/./components/color/area.css","webpack://@mdn/fred/./components/color/global.css","webpack://@mdn/fred/./components/color-theme/global.css","webpack://@mdn/fred/./components/dropdown/global.css","webpack://@mdn/fred/./components/external-link/global.css","webpack://@mdn/fred/./components/font/inter.css","webpack://@mdn/fred/./components/font/jetbrains-mono.css","webpack://@mdn/fred/./components/font/global.css","webpack://@mdn/fred/./components/global/global.css","webpack://@mdn/fred/./components/html/global.css","webpack://@mdn/fred/./components/icon/global.css","webpack://@mdn/fred/./components/layout/global.css","webpack://@mdn/fred/./components/live-sample-result/global.css","webpack://@mdn/fred/./components/only-in-en-us/global.css","webpack://@mdn/fred/./components/page-not-created/global.css","webpack://@mdn/fred/./components/print/global.css","webpack://@mdn/fred/./components/radius/global.css","webpack://@mdn/fred/./components/scrim-inline/global.css","webpack://@mdn/fred/./components/search-modal/global.css","webpack://@mdn/fred/./components/vars/global.css","webpack://@mdn/fred/./components/table-container/global.css","webpack://@mdn/fred/./components/visually-hidden/global.css"],"sourcesContent":["/\n Badge legacy.\n\n To be removed when rari no longer renders these.\n\n Note: The selectors are intentionally explicit to discourage use.\n/\n/* See https://github.com/mdn/rari/blob/5a2ead64bb8d4f46f9c548b942072838fb686281/crates/rari-doc/src/templ/templs/inline_labels.rs#L16-L21 /\n.badge.inline.optional,.badge.inline.readonly,.badge.inline.secure {\n padding: 0.25em 0.5em;\n\n font-size: var(--font-size-small);\n\n vertical-align: text-top;\n\n color: var(--color-text-secondary);\n\n white-space: nowrap;\n\n border: 1px solid var(--color-border-primary);\n border-radius: 1em;\n }\n","mdn-code-example {\n display: block;\n}\n","mdn-button {\n display: inline-flex;\n vertical-align: middle;\n}\n","/ Border /\n\n:root {\n --csstools-light-dark-toggle-baa18a82-0: var(--csstools-color-scheme--light) var(--color-gray-40);\n --color-border-primary: var(--csstools-light-dark-toggle-baa18a82-0, var(--color-gray-60));\n --csstools-light-dark-toggle-baa18a82-1: var(--csstools-color-scheme--light) var(--color-gray-60);\n --color-border-secondary: var(--csstools-light-dark-toggle-baa18a82-1, var(--color-gray-40));\n --csstools-light-dark-toggle-baa18a82-2: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-border-active: var(--csstools-light-dark-toggle-baa18a82-2, var(--color-blue-50));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-border-primary: light-dark(\n var(--color-gray-60),\n var(--color-gray-40)\n );\n --color-border-secondary: light-dark(\n var(--color-gray-40),\n var(--color-gray-60)\n );\n --color-border-active: light-dark(var(--color-blue-50), var(--color-blue-80));\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-baa18a82-0: var(--csstools-color-scheme--light) var(--color-gray-40);\n --color-border-primary: var(--csstools-light-dark-toggle-baa18a82-0, var(--color-gray-60));\n --csstools-light-dark-toggle-baa18a82-1: var(--csstools-color-scheme--light) var(--color-gray-60);\n --color-border-secondary: var(--csstools-light-dark-toggle-baa18a82-1, var(--color-gray-40));\n --csstools-light-dark-toggle-baa18a82-2: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-border-active: var(--csstools-light-dark-toggle-baa18a82-2, var(--color-blue-50));\n }\n}\n","/* Background /\n\n/ Basic /\n\n:root {\n --csstools-light-dark-toggle-29c9dff5-0: var(--csstools-color-scheme--light) var(--color-gray-05);\n --color-background-page: var(--csstools-light-dark-toggle-29c9dff5-0, var(--color-white));\n --csstools-light-dark-toggle-29c9dff5-1: var(--csstools-color-scheme--light) var(--color-gray-10);\n --color-background-primary: var(--csstools-light-dark-toggle-29c9dff5-1, var(--color-gray-90));\n --csstools-light-dark-toggle-29c9dff5-2: var(--csstools-color-scheme--light) var(--color-gray-20);\n --color-background-secondary: var(--csstools-light-dark-toggle-29c9dff5-2, var(--color-gray-80));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-background-page: light-dark(var(--color-white), var(--color-gray-05));\n --color-background-primary: light-dark(\n var(--color-gray-90),\n var(--color-gray-10)\n );\n --color-background-secondary: light-dark(\n var(--color-gray-80),\n var(--color-gray-20)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-29c9dff5-0: var(--csstools-color-scheme--light) var(--color-gray-05);\n --color-background-page: var(--csstools-light-dark-toggle-29c9dff5-0, var(--color-white));\n --csstools-light-dark-toggle-29c9dff5-1: var(--csstools-color-scheme--light) var(--color-gray-10);\n --color-background-primary: var(--csstools-light-dark-toggle-29c9dff5-1, var(--color-gray-90));\n --csstools-light-dark-toggle-29c9dff5-2: var(--csstools-color-scheme--light) var(--color-gray-20);\n --color-background-secondary: var(--csstools-light-dark-toggle-29c9dff5-2, var(--color-gray-80));\n }\n}\n\n/* Tinted /\n\n:root {\n --csstools-light-dark-toggle-29c9dff5-3: var(--csstools-color-scheme--light) var(--color-red-10);\n --color-background-red: var(--csstools-light-dark-toggle-29c9dff5-3, var(--color-red-90));\n --csstools-light-dark-toggle-29c9dff5-4: var(--csstools-color-scheme--light) var(--color-orange-10);\n --color-background-orange: var(--csstools-light-dark-toggle-29c9dff5-4, var(--color-orange-90));\n --csstools-light-dark-toggle-29c9dff5-5: var(--csstools-color-scheme--light) var(--color-yellow-10);\n --color-background-yellow: var(--csstools-light-dark-toggle-29c9dff5-5, var(--color-yellow-90));\n --csstools-light-dark-toggle-29c9dff5-6: var(--csstools-color-scheme--light) var(--color-green-10);\n --color-background-green: var(--csstools-light-dark-toggle-29c9dff5-6, var(--color-green-90));\n --csstools-light-dark-toggle-29c9dff5-7: var(--csstools-color-scheme--light) var(--color-blue-10);\n --color-background-blue: var(--csstools-light-dark-toggle-29c9dff5-7, var(--color-blue-90));\n --csstools-light-dark-toggle-29c9dff5-8: var(--csstools-color-scheme--light) var(--color-purple-10);\n --color-background-purple: var(--csstools-light-dark-toggle-29c9dff5-8, var(--color-purple-90));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-background-red: light-dark(var(--color-red-90), var(--color-red-10));\n --color-background-orange: light-dark(\n var(--color-orange-90),\n var(--color-orange-10)\n );\n --color-background-yellow: light-dark(\n var(--color-yellow-90),\n var(--color-yellow-10)\n );\n --color-background-green: light-dark(\n var(--color-green-90),\n var(--color-green-10)\n );\n --color-background-blue: light-dark(\n var(--color-blue-90),\n var(--color-blue-10)\n );\n --color-background-purple: light-dark(\n var(--color-purple-90),\n var(--color-purple-10)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-29c9dff5-3: var(--csstools-color-scheme--light) var(--color-red-10);\n --color-background-red: var(--csstools-light-dark-toggle-29c9dff5-3, var(--color-red-90));\n --csstools-light-dark-toggle-29c9dff5-4: var(--csstools-color-scheme--light) var(--color-orange-10);\n --color-background-orange: var(--csstools-light-dark-toggle-29c9dff5-4, var(--color-orange-90));\n --csstools-light-dark-toggle-29c9dff5-5: var(--csstools-color-scheme--light) var(--color-yellow-10);\n --color-background-yellow: var(--csstools-light-dark-toggle-29c9dff5-5, var(--color-yellow-90));\n --csstools-light-dark-toggle-29c9dff5-6: var(--csstools-color-scheme--light) var(--color-green-10);\n --color-background-green: var(--csstools-light-dark-toggle-29c9dff5-6, var(--color-green-90));\n --csstools-light-dark-toggle-29c9dff5-7: var(--csstools-color-scheme--light) var(--color-blue-10);\n --color-background-blue: var(--csstools-light-dark-toggle-29c9dff5-7, var(--color-blue-90));\n --csstools-light-dark-toggle-29c9dff5-8: var(--csstools-color-scheme--light) var(--color-purple-10);\n --color-background-purple: var(--csstools-light-dark-toggle-29c9dff5-8, var(--color-purple-90));\n }\n}\n","/* Text /\n\n/ Basic /\n\n:root {\n --csstools-light-dark-toggle-e9dfdd1f-0: var(--csstools-color-scheme--light) var(--color-white);\n --color-text-primary: var(--csstools-light-dark-toggle-e9dfdd1f-0, var(--color-black));\n --csstools-light-dark-toggle-e9dfdd1f-1: var(--csstools-color-scheme--light) var(--color-gray-60);\n --color-text-secondary: var(--csstools-light-dark-toggle-e9dfdd1f-1, var(--color-gray-40));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-text-primary: light-dark(var(--color-black), var(--color-white));\n --color-text-secondary: light-dark(\n var(--color-gray-40),\n var(--color-gray-60)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-e9dfdd1f-0: var(--csstools-color-scheme--light) var(--color-white);\n --color-text-primary: var(--csstools-light-dark-toggle-e9dfdd1f-0, var(--color-black));\n --csstools-light-dark-toggle-e9dfdd1f-1: var(--csstools-color-scheme--light) var(--color-gray-60);\n --color-text-secondary: var(--csstools-light-dark-toggle-e9dfdd1f-1, var(--color-gray-40));\n }\n}\n\n/* Tinted /\n\n:root {\n --csstools-light-dark-toggle-e9dfdd1f-2: var(--csstools-color-scheme--light) var(--color-red-80);\n --color-text-red: var(--csstools-light-dark-toggle-e9dfdd1f-2, var(--color-red-20));\n --csstools-light-dark-toggle-e9dfdd1f-3: var(--csstools-color-scheme--light) var(--color-orange-80);\n --color-text-orange: var(--csstools-light-dark-toggle-e9dfdd1f-3, var(--color-orange-20));\n --csstools-light-dark-toggle-e9dfdd1f-4: var(--csstools-color-scheme--light) var(--color-yellow-80);\n --color-text-yellow: var(--csstools-light-dark-toggle-e9dfdd1f-4, var(--color-yellow-20));\n --csstools-light-dark-toggle-e9dfdd1f-5: var(--csstools-color-scheme--light) var(--color-green-80);\n --color-text-green: var(--csstools-light-dark-toggle-e9dfdd1f-5, var(--color-green-20));\n --csstools-light-dark-toggle-e9dfdd1f-6: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-text-blue: var(--csstools-light-dark-toggle-e9dfdd1f-6, var(--color-blue-20));\n --csstools-light-dark-toggle-e9dfdd1f-7: var(--csstools-color-scheme--light) var(--color-purple-80);\n --color-text-purple: var(--csstools-light-dark-toggle-e9dfdd1f-7, var(--color-purple-20));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-text-red: light-dark(var(--color-red-20), var(--color-red-80));\n --color-text-orange: light-dark(\n var(--color-orange-20),\n var(--color-orange-80)\n );\n --color-text-yellow: light-dark(\n var(--color-yellow-20),\n var(--color-yellow-80)\n );\n --color-text-green: light-dark(var(--color-green-20), var(--color-green-80));\n --color-text-blue: light-dark(var(--color-blue-20), var(--color-blue-80));\n --color-text-purple: light-dark(\n var(--color-purple-20),\n var(--color-purple-80)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-e9dfdd1f-2: var(--csstools-color-scheme--light) var(--color-red-80);\n --color-text-red: var(--csstools-light-dark-toggle-e9dfdd1f-2, var(--color-red-20));\n --csstools-light-dark-toggle-e9dfdd1f-3: var(--csstools-color-scheme--light) var(--color-orange-80);\n --color-text-orange: var(--csstools-light-dark-toggle-e9dfdd1f-3, var(--color-orange-20));\n --csstools-light-dark-toggle-e9dfdd1f-4: var(--csstools-color-scheme--light) var(--color-yellow-80);\n --color-text-yellow: var(--csstools-light-dark-toggle-e9dfdd1f-4, var(--color-yellow-20));\n --csstools-light-dark-toggle-e9dfdd1f-5: var(--csstools-color-scheme--light) var(--color-green-80);\n --color-text-green: var(--csstools-light-dark-toggle-e9dfdd1f-5, var(--color-green-20));\n --csstools-light-dark-toggle-e9dfdd1f-6: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-text-blue: var(--csstools-light-dark-toggle-e9dfdd1f-6, var(--color-blue-20));\n --csstools-light-dark-toggle-e9dfdd1f-7: var(--csstools-color-scheme--light) var(--color-purple-80);\n --color-text-purple: var(--csstools-light-dark-toggle-e9dfdd1f-7, var(--color-purple-20));\n }\n}\n","/* Link /\n\n:root {\n --csstools-light-dark-toggle-e40c6b49-0: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-link-normal: var(--csstools-light-dark-toggle-e40c6b49-0, var(--color-blue-20));\n --csstools-light-dark-toggle-e40c6b49-1: var(--csstools-color-scheme--light) var(--color-purple-80);\n --color-link-visited: var(--csstools-light-dark-toggle-e40c6b49-1, var(--color-purple-20));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-link-normal: light-dark(var(--color-blue-20), var(--color-blue-80));\n --color-link-visited: light-dark(\n var(--color-purple-20),\n var(--color-purple-80)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-e40c6b49-0: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-link-normal: var(--csstools-light-dark-toggle-e40c6b49-0, var(--color-blue-20));\n --csstools-light-dark-toggle-e40c6b49-1: var(--csstools-color-scheme--light) var(--color-purple-80);\n --color-link-visited: var(--csstools-light-dark-toggle-e40c6b49-1, var(--color-purple-20));\n }\n}\n","/* Scrollbar /\n\n:root {\n --color-scrollbar-track: transparent;\n --csstools-light-dark-toggle-a81cd71e-0: var(--csstools-color-scheme--light) var(--color-white-alpha-25);\n --color-scrollbar-thumb: var(--csstools-light-dark-toggle-a81cd71e-0, var(--color-black-alpha-25));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-scrollbar-thumb: light-dark(\n var(--color-black-alpha-25),\n var(--color-white-alpha-25)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-a81cd71e-0: var(--csstools-color-scheme--light) var(--color-white-alpha-25);\n --color-scrollbar-thumb: var(--csstools-light-dark-toggle-a81cd71e-0, var(--color-black-alpha-25));\n }\n}\n",":root {\n --color-area-background: var(--color-background-blue);\n --color-area-highlight-border: var(--color-blue-50);\n --color-area-link: var(--color-link-normal);\n}\n\n:root[data-current-area=\"learn\"] {\n --color-area-background: var(--color-background-orange);\n --color-area-highlight-border: var(--color-orange-50);\n --csstools-light-dark-toggle-9cb2d9c1-0: var(--csstools-color-scheme--light) var(--color-orange-80);\n --color-area-link: var(--csstools-light-dark-toggle-9cb2d9c1-0, var(--color-orange-20));\n}\n\n@supports (color: light-dark(red, red)) {\n:root[data-current-area=\"learn\"] {\n --color-area-link: light-dark(var(--color-orange-20), var(--color-orange-80));\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n[data-current-area=\"learn\"]:root * {\n --csstools-light-dark-toggle-9cb2d9c1-0: var(--csstools-color-scheme--light) var(--color-orange-80);\n --color-area-link: var(--csstools-light-dark-toggle-9cb2d9c1-0, var(--color-orange-20));\n }\n}\n","/* Color /\n\n@import url(\"border.css\");\n@import url(\"background.css\");\n@import url(\"text.css\");\n@import url(\"link.css\");\n@import url(\"scrollbar.css\");\n@import url(\"area.css\");\n\n/ Basic /\n\n:root {\n --color-white: hsl(0deg 0% 100%);\n --color-white-alpha-25: hsl(0deg 0% 100% / 25%);\n --color-white-alpha-75: hsl(0deg 0% 100% / 75%);\n\n --color-black: hsl(0deg 0% 0%);\n --color-black-alpha-25: hsl(0deg 0% 0% / 25%);\n --color-black-alpha-75: hsl(0deg 0% 0% / 75%);\n}\n\n/ Gray /\n\n:root {\n --color-gray-90: hsl(212deg 7% 97%);\n --color-gray-80: hsl(212deg 7% 93.5%);\n --color-gray-60: hsl(212deg 7% 78%);\n --color-gray-40: hsl(212deg 7% 34%);\n --color-gray-20: hsl(212deg 7% 19%);\n --color-gray-10: hsl(212deg 7% 14%);\n --color-gray-05: hsl(212deg 7% 10%);\n}\n\n/ Tinted /\n\n:root {\n --color-red-90: hsl(350deg 100% 95%);\n --color-red-80: hsl(350deg 96% 74%);\n --color-red-50: hsl(350deg 84% 45%);\n --color-red-20: hsl(350deg 84% 39%);\n --color-red-10: hsl(350deg 74% 17%);\n\n --color-orange-90: hsl(25deg 92% 96%);\n --color-orange-80: hsl(25deg 99% 78%);\n --color-orange-50: hsl(25deg 76% 53%);\n --color-orange-20: hsl(25deg 90% 40%);\n --color-orange-10: hsl(25deg 65% 15%);\n\n --color-yellow-90: hsl(46deg 97% 88%);\n --color-yellow-80: hsl(46deg 90% 80%);\n --color-yellow-50: hsl(46deg 92% 47%);\n --color-yellow-20: hsl(46deg 85% 32%);\n --color-yellow-10: hsl(46deg 90% 18%);\n\n --color-green-90: hsl(145deg 40% 94%);\n --color-green-80: hsl(145deg 75% 68%);\n --color-green-50: hsl(145deg 90% 30%);\n --color-green-20: hsl(145deg 88% 19%);\n --color-green-10: hsl(145deg 60% 12%);\n\n --color-blue-90: hsl(212deg 91% 96%);\n --color-blue-80: hsl(212deg 98% 82%);\n --color-blue-50: hsl(212deg 90% 39%);\n --color-blue-20: hsl(212deg 95% 32%);\n --color-blue-10: hsl(212deg 82% 15%);\n\n --color-purple-90: hsl(267deg 99% 97%);\n --color-purple-80: hsl(267deg 99% 86%);\n --color-purple-50: hsl(267deg 76% 56%);\n --color-purple-20: hsl(267deg 70% 40%);\n --color-purple-10: hsl(267deg 65% 16%);\n}\n","html[data-theme=\"light\"] {\n --csstools-color-scheme--light: initial;\n color-scheme: light;\n}\n\nhtml[data-theme=\"dark\"] {\n --csstools-color-scheme--light: ;\n color-scheme: dark;\n}\n","mdn-dropdown {\n display: contents;\n}mdn-dropdown:not([loaded],:focus-within) [slot=\"dropdown\"] {\n display: none;\n }\n",".external::after {\n display: inline-block;\n\n width: 1em;\n height: 1em;\n\n margin-left: 0.25em;\n\n vertical-align: text-top;\n\n /\n Unicode zero width space as `<content replacement>` to expose the alt text in the a11y tree.\n See: https://bugzilla.mozilla.org/show_bug.cgi?id=1976574\n /\n content: \"\\200b\" \" (external)\";\n content: \"\\200b\" / \" (external)\";\n\n background-color: currentcolor;\n\n -webkit-mask-image: url(\"../icon/external-link.svg\");\n\n mask-image: url(\"../icon/external-link.svg\");\n -webkit-mask-size: cover;\n mask-size: cover;\n}\n","/ Inter /\n\n@font-feature-values \"Inter\" {\n @styleset {\n / stylelint-disable-next-line at-rule-descriptor-no-unknown /\n disambiguation: 2;\n }\n}\n\n/ Latin /\n\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-latin.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,\n U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n}\n\n@font-face {\n font-family: \"Inter\";\n font-style: italic;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-italic-latin.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,\n U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n}\n\n/ Latin extended /\n\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-latin-extended.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,\n U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n@font-face {\n font-family: \"Inter\";\n font-style: italic;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-italic-latin-extended.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,\n U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/ Cyrillic /\n\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-cyrillic.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n@font-face {\n font-family: \"Inter\";\n font-style: italic;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-italic-cyrillic.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n","/ JetBrain Mono /\n\n/ Latin /\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-latin.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,\n U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n size-adjust: 95%;\n}\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: italic;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-italic-latin.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,\n U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n size-adjust: 95%;\n}\n\n/ Latin extended /\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-latin-extended.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,\n U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n size-adjust: 95%;\n}\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: italic;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-italic-latin-extended.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,\n U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n size-adjust: 95%;\n}\n\n/ Cyrillic /\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-cyrillic.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n size-adjust: 95%;\n}\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: italic;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-italic-cyrillic.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n size-adjust: 95%;\n}\n","@import url(\"inter.css\");\n@import url(\"jetbrains-mono.css\");\n\n/ Font size /\n\n:root {\n --font-family-text: \"Inter\", sans-serif;\n --font-family-code: \"JetBrains Mono\", monospace;\n\n --font-line-content: 1.75;\n --font-line-normal: 1.5;\n --font-line-header: 1.25;\n --font-line-ui: 1;\n\n --font-size-largest: 2.5rem;\n --font-size-larger: 2rem;\n --font-size-large: 1.5rem;\n --font-size-medium: 1.25rem;\n --font-size-normal: 1rem;\n --font-size-small: 0.8rem;\n\n --font-weight-normal: 400;\n --font-weight-bold: 600;\n}\n","/ Global /\n\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n\nbutton {\n color: inherit;\n cursor: pointer;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\na {\n color: var(--color-link-normal);\n}\n\n[hidden] {\n display: none !important;\n}\n","/* HTML /\n\nhtml {\n scroll-behavior: smooth;\n\n font-family: var(--font-family-text);\n font-size: var(--font-size-normal);\n font-feature-settings: \"calt\" 0;\n font-variant-alternates: styleset(disambiguation);\n\n line-height: var(--font-line-normal);\n\n color: var(--color-text-primary);\n\n overflow-wrap: break-word;\n\n --csstools-color-scheme--light: initial;\n\n color-scheme: light dark;\n\n background-color: var(--color-background-page);\n}\n\n@media (prefers-color-scheme: dark) {\n\nhtml {\n\n --csstools-color-scheme--light: ;\n}\n}\n\n@media (prefers-reduced-motion: reduce) {\n\nhtml {\n scroll-behavior: auto;\n}\n }\n","/\n Icon legacy.\n\n To be removed when rari no longer renders these.\n\n Note: The selectors are intentionally explicit to discourage use.\n/\n.icon.icon-deprecated,.icon.icon-experimental,.icon.icon-nonstandard {\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1em;\n height: 1em;\n\n vertical-align: middle;\n\n background-color: var(--color-text-secondary);\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }\n/ See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L43-L47 /\n.icon.icon-deprecated {\n -webkit-mask-image: url(\"../icon/trash-2.svg\");\n mask-image: url(\"../icon/trash-2.svg\");\n }\n/ See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L36-L41 /\n.icon.icon-experimental {\n -webkit-mask-image: url(\"../icon/flask-conical.svg\");\n mask-image: url(\"../icon/flask-conical.svg\");\n }\n/ See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L43-L47 /\n.icon.icon-nonstandard {\n -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n mask-image: url(\"../icon/triangle-alert.svg\");\n }\n","/ --layout-side-padding-min * 2 + (--layout-sidebar-min + --layout-sidebar-gap) * 2 + --layout-content-min /\n\n/ --layout-side-padding-min * 2 + --layout-sidebar-min + --layout-sidebar-gap + --layout-content-min /\n\n:root {\n --layout-side-padding-min: 1rem;\n --layout-side-padding: max(\n var(--layout-side-padding-min),\n calc((100vw - 1440px + (2rem)) / 2)\n );\n --layout-full-width: calc(100vw - 2 var(--layout-side-padding));\n\n --layout-sidebar-min: 15rem;\n --layout-sidebar-gap: 2rem;\n --layout-sidebar-padding: 1rem;\n --layout-content-min: 31rem;\n --layout-content-max: 48rem;\n\n /* prettier-ignore /\n --layout-2-sidebars:\n [full-start left-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [left-sidebar-end]\n var(--layout-sidebar-gap)\n [content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n var(--layout-sidebar-gap)\n [right-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [full-end right-sidebar-end];\n\n / prettier-ignore /\n --layout-1-sidebar-left:\n [full-start sidebar-start left-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [sidebar-end left-sidebar-end]\n var(--layout-sidebar-gap)\n [content-start]\n minmax(0, var(--layout-content-max))\n [full-end content-end]\n minmax(0, 1fr);\n\n / prettier-ignore /\n --layout-1-sidebar-right:\n minmax(0, 1fr)\n [full-start content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n var(--layout-sidebar-gap)\n [sidebar-start right-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [full-end sidebar-end right-sidebar-end];\n\n / prettier-ignore /\n --layout-no-sidebar:\n [full-start]\n 1fr\n [content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n 1fr\n [full-end];\n\n / prettier-ignore /\n --layout-no-sidebar-extended:\n [extended-full-start]\n var(--layout-side-padding)\n [full-start]\n 1fr\n [content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n 1fr\n [full-end]\n var(--layout-side-padding)\n [extended-full-end];\n}\n","mdn-live-sample-result {\n display: block;\n}\n","html a.only-in-en-us::after {\n display: inline-block;\n\n margin-left: 0.5ch;\n\n font-size: 0.7rem;\n\n vertical-align: super;\n\n content: \"(en-US)\";\n}\n\nhtml[lang=\"de\"] a.only-in-en-us::after {\n content: \"(engl.)\";\n}\n\nhtml[lang=\"es\"] a.only-in-en-us::after {\n content: \"(inglés)\";\n}\n\nhtml[lang=\"fr\"] a.only-in-en-us::after {\n content: \"(angl.)\";\n}\n\nhtml[lang=\"ja\"] a.only-in-en-us::after {\n content: \"(英語)\";\n}\n\nhtml[lang=\"ko\"] a.only-in-en-us::after {\n content: \"(영어)\";\n}\n\nhtml[lang=\"ru\"] a.only-in-en-us::after {\n content: \"(англ.)\";\n}\n\nhtml[lang=\"pt-BR\"] a.only-in-en-us::after {\n content: \"(inglês)\";\n}\n\nhtml[lang=\"zh-CN\"] a.only-in-en-us::after {\n margin-left: unset;\n vertical-align: baseline;\n content: \"（英语）\";\n}\n\nhtml[lang=\"zh-TW\"] a.only-in-en-us::after {\n margin-left: unset;\n vertical-align: baseline;\n content: \"（英語）\";\n}\n",".page-not-created {\n color: var(--color-text-red);\n text-decoration: underline !important;\n -webkit-text-decoration: underline wavy !important;\n text-decoration: underline wavy !important;\n}\n","@media print {\n {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n\n :root {\n --csstools-color-scheme--light: initial;\n color-scheme: light;\n\n /* Force desktop layout for print by overriding layout variables /\n --layout-2-sidebars: minmax(0, 1fr) !important;\n --layout-1-sidebar-left: minmax(0, 1fr) !important;\n --layout-no-sidebar: minmax(0, 1fr) !important;\n }\n\n body {\n padding: 0;\n margin: 0;\n\n font-size: 9pt;\n\n line-height: 1.5;\n }\n\n .page-layout {\n display: block !important;\n\n grid-template-rows: none !important;\n\n height: auto !important;\n min-height: auto !important;\n }\n\n .page-layout__header {\n position: static !important;\n top: auto !important;\n z-index: auto !important;\n }\n\n / Reset sticky header height variable /\n :root {\n --sticky-header-height: 0 !important;\n }\n\n .page-layout__banner,\n .layout__left-sidebar,\n .layout__right-sidebar,\n .footer__socials,\n .footer__links,\n .footer__mozilla,\n .article-footer,\n .navigation__button,\n .navigation__menu,\n .content-section.article-footer,\n mdn-toggle-sidebar,\n mdn-collection-save-button,\n mdn-color-theme,\n mdn-search-button,\n mdn-user-menu,\n mdn-placement-bottom {\n display: none !important;\n }\n\n .reference-layout {\n grid-template-areas:\n \"header\"\n \"body\" !important;\n grid-template-rows: auto !important;\n grid-template-columns: auto !important;\n }\n\n a {\n -webkit-text-decoration: none !important;\n text-decoration: none !important;\n }\n\n details.baseline-indicator > :not(summary) {\n display: none !important;\n }\n\n details.baseline-indicator[open] > :not(summary) {\n display: none !important;\n }\n\n details.baseline-indicator > summary::marker {\n display: none !important;\n }\n\n .example-container,\n .default-example,\n [class=\"example\"],\n .interactive,\n .code-example {\n position: static !important;\n float: none !important;\n\n display: block !important;\n\n width: 100% !important;\n height: auto !important;\n\n margin-bottom: 1rem !important;\n\n overflow: visible !important;\n\n page-break-inside: avoid !important;\n\n break-inside: avoid !important;\n }\n\n .footer__mdn {\n row-gap: 0 !important;\n }\n\n section,\n interactive-example {\n position: static !important;\n clear: both !important;\n display: block !important;\n }\n\n interactive-example {\n page-break-inside: avoid !important;\n break-inside: avoid !important;\n }\n\n [style=\"position: absolute\"],\n [style=\"position: fixed\"] {\n position: static !important;\n }\n}\n","/* Radius */\n\n:root {\n --radius-normal: 0.25rem;\n --radius-full: 9999px;\n}\n","@font-face {\n font-family: \"BarlowCondensed-SemiBold\";\n font-weight: var(--font-weight-bold);\n\n src:\n local(\"BarlowCondensed-SemiBold\"),\n url(\"./assets/BarlowCondensed-SemiBold.woff2\") format(\"woff2\");\n font-display: block;\n}\n\nmdn-scrim-inline {\n display: block;\n\n width: 100%;\n max-width: 36rem;\n aspect-ratio: 1.5;\n\n margin: 0.5rem auto;\n}\n",":root {\n scrollbar-gutter: stable;\n}.search-modal-open:root {\n overflow: hidden;\n }\n",":root {\n --top-banner-height: 3.375rem;\n --sticky-header-height: calc(\n var(--navigation-height) + var(--breadcrumbs-bar-height)\n );\n\n --z-index-sticky-header: 100;\n --z-index-sidebar-mobile: 90;\n}\n",".table-container {\n margin: 0;\n overflow-x: auto;\n}\n",".visually-hidden {\n position: absolute !important;\n\n width: 1px !important;\n height: 1px !important;\n\n padding: 0 !important;\n margin: -1px !important;\n\n overflow: hidden !important;\n\n white-space: nowrap !important;\n\n border: 0 !important;\n\n clip-path: inset(50%) !important;\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"styles-global.3da376739551015c.css","sources":["webpack://@mdn/fred/./components/badge/global.css","webpack://@mdn/fred/./components/button/global.css","webpack://@mdn/fred/./components/code-example/global.css","webpack://@mdn/fred/./components/color/border.css","webpack://@mdn/fred/./components/color/background.css","webpack://@mdn/fred/./components/color/text.css","webpack://@mdn/fred/./components/color/link.css","webpack://@mdn/fred/./components/color/scrollbar.css","webpack://@mdn/fred/./components/color/area.css","webpack://@mdn/fred/./components/color/global.css","webpack://@mdn/fred/./components/color-theme/global.css","webpack://@mdn/fred/./components/external-link/global.css","webpack://@mdn/fred/./components/dropdown/global.css","webpack://@mdn/fred/./components/font/inter.css","webpack://@mdn/fred/./components/font/jetbrains-mono.css","webpack://@mdn/fred/./components/font/global.css","webpack://@mdn/fred/./components/global/global.css","webpack://@mdn/fred/./components/html/global.css","webpack://@mdn/fred/./components/icon/global.css","webpack://@mdn/fred/./components/layout/global.css","webpack://@mdn/fred/./components/live-sample-result/global.css","webpack://@mdn/fred/./components/only-in-en-us/global.css","webpack://@mdn/fred/./components/page-not-created/global.css","webpack://@mdn/fred/./components/print/global.css","webpack://@mdn/fred/./components/radius/global.css","webpack://@mdn/fred/./components/scrim-inline/global.css","webpack://@mdn/fred/./components/search-modal/global.css","webpack://@mdn/fred/./components/table-container/global.css","webpack://@mdn/fred/./components/vars/global.css","webpack://@mdn/fred/./components/visually-hidden/global.css"],"sourcesContent":["/\n Badge legacy.\n\n To be removed when rari no longer renders these.\n\n Note: The selectors are intentionally explicit to discourage use.\n/\n/* See https://github.com/mdn/rari/blob/5a2ead64bb8d4f46f9c548b942072838fb686281/crates/rari-doc/src/templ/templs/inline_labels.rs#L16-L21 /\n.badge.inline.optional,.badge.inline.readonly,.badge.inline.secure {\n padding: 0.25em 0.5em;\n\n font-size: var(--font-size-small);\n\n vertical-align: text-top;\n\n color: var(--color-text-secondary);\n\n white-space: nowrap;\n\n border: 1px solid var(--color-border-primary);\n border-radius: 1em;\n }\n","mdn-button {\n display: inline-flex;\n vertical-align: middle;\n}\n","mdn-code-example {\n display: block;\n}\n","/ Border /\n\n:root {\n --csstools-light-dark-toggle-baa18a82-0: var(--csstools-color-scheme--light) var(--color-gray-40);\n --color-border-primary: var(--csstools-light-dark-toggle-baa18a82-0, var(--color-gray-60));\n --csstools-light-dark-toggle-baa18a82-1: var(--csstools-color-scheme--light) var(--color-gray-60);\n --color-border-secondary: var(--csstools-light-dark-toggle-baa18a82-1, var(--color-gray-40));\n --csstools-light-dark-toggle-baa18a82-2: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-border-active: var(--csstools-light-dark-toggle-baa18a82-2, var(--color-blue-50));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-border-primary: light-dark(\n var(--color-gray-60),\n var(--color-gray-40)\n );\n --color-border-secondary: light-dark(\n var(--color-gray-40),\n var(--color-gray-60)\n );\n --color-border-active: light-dark(var(--color-blue-50), var(--color-blue-80));\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-baa18a82-0: var(--csstools-color-scheme--light) var(--color-gray-40);\n --color-border-primary: var(--csstools-light-dark-toggle-baa18a82-0, var(--color-gray-60));\n --csstools-light-dark-toggle-baa18a82-1: var(--csstools-color-scheme--light) var(--color-gray-60);\n --color-border-secondary: var(--csstools-light-dark-toggle-baa18a82-1, var(--color-gray-40));\n --csstools-light-dark-toggle-baa18a82-2: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-border-active: var(--csstools-light-dark-toggle-baa18a82-2, var(--color-blue-50));\n }\n}\n","/* Background /\n\n/ Basic /\n\n:root {\n --csstools-light-dark-toggle-29c9dff5-0: var(--csstools-color-scheme--light) var(--color-gray-05);\n --color-background-page: var(--csstools-light-dark-toggle-29c9dff5-0, var(--color-white));\n --csstools-light-dark-toggle-29c9dff5-1: var(--csstools-color-scheme--light) var(--color-gray-10);\n --color-background-primary: var(--csstools-light-dark-toggle-29c9dff5-1, var(--color-gray-90));\n --csstools-light-dark-toggle-29c9dff5-2: var(--csstools-color-scheme--light) var(--color-gray-20);\n --color-background-secondary: var(--csstools-light-dark-toggle-29c9dff5-2, var(--color-gray-80));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-background-page: light-dark(var(--color-white), var(--color-gray-05));\n --color-background-primary: light-dark(\n var(--color-gray-90),\n var(--color-gray-10)\n );\n --color-background-secondary: light-dark(\n var(--color-gray-80),\n var(--color-gray-20)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-29c9dff5-0: var(--csstools-color-scheme--light) var(--color-gray-05);\n --color-background-page: var(--csstools-light-dark-toggle-29c9dff5-0, var(--color-white));\n --csstools-light-dark-toggle-29c9dff5-1: var(--csstools-color-scheme--light) var(--color-gray-10);\n --color-background-primary: var(--csstools-light-dark-toggle-29c9dff5-1, var(--color-gray-90));\n --csstools-light-dark-toggle-29c9dff5-2: var(--csstools-color-scheme--light) var(--color-gray-20);\n --color-background-secondary: var(--csstools-light-dark-toggle-29c9dff5-2, var(--color-gray-80));\n }\n}\n\n/* Tinted /\n\n:root {\n --csstools-light-dark-toggle-29c9dff5-3: var(--csstools-color-scheme--light) var(--color-red-10);\n --color-background-red: var(--csstools-light-dark-toggle-29c9dff5-3, var(--color-red-90));\n --csstools-light-dark-toggle-29c9dff5-4: var(--csstools-color-scheme--light) var(--color-orange-10);\n --color-background-orange: var(--csstools-light-dark-toggle-29c9dff5-4, var(--color-orange-90));\n --csstools-light-dark-toggle-29c9dff5-5: var(--csstools-color-scheme--light) var(--color-yellow-10);\n --color-background-yellow: var(--csstools-light-dark-toggle-29c9dff5-5, var(--color-yellow-90));\n --csstools-light-dark-toggle-29c9dff5-6: var(--csstools-color-scheme--light) var(--color-green-10);\n --color-background-green: var(--csstools-light-dark-toggle-29c9dff5-6, var(--color-green-90));\n --csstools-light-dark-toggle-29c9dff5-7: var(--csstools-color-scheme--light) var(--color-blue-10);\n --color-background-blue: var(--csstools-light-dark-toggle-29c9dff5-7, var(--color-blue-90));\n --csstools-light-dark-toggle-29c9dff5-8: var(--csstools-color-scheme--light) var(--color-purple-10);\n --color-background-purple: var(--csstools-light-dark-toggle-29c9dff5-8, var(--color-purple-90));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-background-red: light-dark(var(--color-red-90), var(--color-red-10));\n --color-background-orange: light-dark(\n var(--color-orange-90),\n var(--color-orange-10)\n );\n --color-background-yellow: light-dark(\n var(--color-yellow-90),\n var(--color-yellow-10)\n );\n --color-background-green: light-dark(\n var(--color-green-90),\n var(--color-green-10)\n );\n --color-background-blue: light-dark(\n var(--color-blue-90),\n var(--color-blue-10)\n );\n --color-background-purple: light-dark(\n var(--color-purple-90),\n var(--color-purple-10)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-29c9dff5-3: var(--csstools-color-scheme--light) var(--color-red-10);\n --color-background-red: var(--csstools-light-dark-toggle-29c9dff5-3, var(--color-red-90));\n --csstools-light-dark-toggle-29c9dff5-4: var(--csstools-color-scheme--light) var(--color-orange-10);\n --color-background-orange: var(--csstools-light-dark-toggle-29c9dff5-4, var(--color-orange-90));\n --csstools-light-dark-toggle-29c9dff5-5: var(--csstools-color-scheme--light) var(--color-yellow-10);\n --color-background-yellow: var(--csstools-light-dark-toggle-29c9dff5-5, var(--color-yellow-90));\n --csstools-light-dark-toggle-29c9dff5-6: var(--csstools-color-scheme--light) var(--color-green-10);\n --color-background-green: var(--csstools-light-dark-toggle-29c9dff5-6, var(--color-green-90));\n --csstools-light-dark-toggle-29c9dff5-7: var(--csstools-color-scheme--light) var(--color-blue-10);\n --color-background-blue: var(--csstools-light-dark-toggle-29c9dff5-7, var(--color-blue-90));\n --csstools-light-dark-toggle-29c9dff5-8: var(--csstools-color-scheme--light) var(--color-purple-10);\n --color-background-purple: var(--csstools-light-dark-toggle-29c9dff5-8, var(--color-purple-90));\n }\n}\n","/* Text /\n\n/ Basic /\n\n:root {\n --csstools-light-dark-toggle-e9dfdd1f-0: var(--csstools-color-scheme--light) var(--color-white);\n --color-text-primary: var(--csstools-light-dark-toggle-e9dfdd1f-0, var(--color-black));\n --csstools-light-dark-toggle-e9dfdd1f-1: var(--csstools-color-scheme--light) var(--color-gray-60);\n --color-text-secondary: var(--csstools-light-dark-toggle-e9dfdd1f-1, var(--color-gray-40));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-text-primary: light-dark(var(--color-black), var(--color-white));\n --color-text-secondary: light-dark(\n var(--color-gray-40),\n var(--color-gray-60)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-e9dfdd1f-0: var(--csstools-color-scheme--light) var(--color-white);\n --color-text-primary: var(--csstools-light-dark-toggle-e9dfdd1f-0, var(--color-black));\n --csstools-light-dark-toggle-e9dfdd1f-1: var(--csstools-color-scheme--light) var(--color-gray-60);\n --color-text-secondary: var(--csstools-light-dark-toggle-e9dfdd1f-1, var(--color-gray-40));\n }\n}\n\n/* Tinted /\n\n:root {\n --csstools-light-dark-toggle-e9dfdd1f-2: var(--csstools-color-scheme--light) var(--color-red-80);\n --color-text-red: var(--csstools-light-dark-toggle-e9dfdd1f-2, var(--color-red-20));\n --csstools-light-dark-toggle-e9dfdd1f-3: var(--csstools-color-scheme--light) var(--color-orange-80);\n --color-text-orange: var(--csstools-light-dark-toggle-e9dfdd1f-3, var(--color-orange-20));\n --csstools-light-dark-toggle-e9dfdd1f-4: var(--csstools-color-scheme--light) var(--color-yellow-80);\n --color-text-yellow: var(--csstools-light-dark-toggle-e9dfdd1f-4, var(--color-yellow-20));\n --csstools-light-dark-toggle-e9dfdd1f-5: var(--csstools-color-scheme--light) var(--color-green-80);\n --color-text-green: var(--csstools-light-dark-toggle-e9dfdd1f-5, var(--color-green-20));\n --csstools-light-dark-toggle-e9dfdd1f-6: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-text-blue: var(--csstools-light-dark-toggle-e9dfdd1f-6, var(--color-blue-20));\n --csstools-light-dark-toggle-e9dfdd1f-7: var(--csstools-color-scheme--light) var(--color-purple-80);\n --color-text-purple: var(--csstools-light-dark-toggle-e9dfdd1f-7, var(--color-purple-20));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-text-red: light-dark(var(--color-red-20), var(--color-red-80));\n --color-text-orange: light-dark(\n var(--color-orange-20),\n var(--color-orange-80)\n );\n --color-text-yellow: light-dark(\n var(--color-yellow-20),\n var(--color-yellow-80)\n );\n --color-text-green: light-dark(var(--color-green-20), var(--color-green-80));\n --color-text-blue: light-dark(var(--color-blue-20), var(--color-blue-80));\n --color-text-purple: light-dark(\n var(--color-purple-20),\n var(--color-purple-80)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-e9dfdd1f-2: var(--csstools-color-scheme--light) var(--color-red-80);\n --color-text-red: var(--csstools-light-dark-toggle-e9dfdd1f-2, var(--color-red-20));\n --csstools-light-dark-toggle-e9dfdd1f-3: var(--csstools-color-scheme--light) var(--color-orange-80);\n --color-text-orange: var(--csstools-light-dark-toggle-e9dfdd1f-3, var(--color-orange-20));\n --csstools-light-dark-toggle-e9dfdd1f-4: var(--csstools-color-scheme--light) var(--color-yellow-80);\n --color-text-yellow: var(--csstools-light-dark-toggle-e9dfdd1f-4, var(--color-yellow-20));\n --csstools-light-dark-toggle-e9dfdd1f-5: var(--csstools-color-scheme--light) var(--color-green-80);\n --color-text-green: var(--csstools-light-dark-toggle-e9dfdd1f-5, var(--color-green-20));\n --csstools-light-dark-toggle-e9dfdd1f-6: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-text-blue: var(--csstools-light-dark-toggle-e9dfdd1f-6, var(--color-blue-20));\n --csstools-light-dark-toggle-e9dfdd1f-7: var(--csstools-color-scheme--light) var(--color-purple-80);\n --color-text-purple: var(--csstools-light-dark-toggle-e9dfdd1f-7, var(--color-purple-20));\n }\n}\n","/* Link /\n\n:root {\n --csstools-light-dark-toggle-e40c6b49-0: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-link-normal: var(--csstools-light-dark-toggle-e40c6b49-0, var(--color-blue-20));\n --csstools-light-dark-toggle-e40c6b49-1: var(--csstools-color-scheme--light) var(--color-purple-80);\n --color-link-visited: var(--csstools-light-dark-toggle-e40c6b49-1, var(--color-purple-20));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-link-normal: light-dark(var(--color-blue-20), var(--color-blue-80));\n --color-link-visited: light-dark(\n var(--color-purple-20),\n var(--color-purple-80)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-e40c6b49-0: var(--csstools-color-scheme--light) var(--color-blue-80);\n --color-link-normal: var(--csstools-light-dark-toggle-e40c6b49-0, var(--color-blue-20));\n --csstools-light-dark-toggle-e40c6b49-1: var(--csstools-color-scheme--light) var(--color-purple-80);\n --color-link-visited: var(--csstools-light-dark-toggle-e40c6b49-1, var(--color-purple-20));\n }\n}\n","/* Scrollbar /\n\n:root {\n --color-scrollbar-track: transparent;\n --csstools-light-dark-toggle-a81cd71e-0: var(--csstools-color-scheme--light) var(--color-white-alpha-25);\n --color-scrollbar-thumb: var(--csstools-light-dark-toggle-a81cd71e-0, var(--color-black-alpha-25));\n}\n\n@supports (color: light-dark(red, red)) {\n:root {\n --color-scrollbar-thumb: light-dark(\n var(--color-black-alpha-25),\n var(--color-white-alpha-25)\n );\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n:root {\n --csstools-light-dark-toggle-a81cd71e-0: var(--csstools-color-scheme--light) var(--color-white-alpha-25);\n --color-scrollbar-thumb: var(--csstools-light-dark-toggle-a81cd71e-0, var(--color-black-alpha-25));\n }\n}\n",":root {\n --color-area-background: var(--color-background-blue);\n --color-area-highlight-border: var(--color-blue-50);\n --color-area-link: var(--color-link-normal);\n}\n\n:root[data-current-area=\"learn\"] {\n --color-area-background: var(--color-background-orange);\n --color-area-highlight-border: var(--color-orange-50);\n --csstools-light-dark-toggle-9cb2d9c1-0: var(--csstools-color-scheme--light) var(--color-orange-80);\n --color-area-link: var(--csstools-light-dark-toggle-9cb2d9c1-0, var(--color-orange-20));\n}\n\n@supports (color: light-dark(red, red)) {\n:root[data-current-area=\"learn\"] {\n --color-area-link: light-dark(var(--color-orange-20), var(--color-orange-80));\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n[data-current-area=\"learn\"]:root * {\n --csstools-light-dark-toggle-9cb2d9c1-0: var(--csstools-color-scheme--light) var(--color-orange-80);\n --color-area-link: var(--csstools-light-dark-toggle-9cb2d9c1-0, var(--color-orange-20));\n }\n}\n","/* Color /\n\n@import url(\"border.css\");\n@import url(\"background.css\");\n@import url(\"text.css\");\n@import url(\"link.css\");\n@import url(\"scrollbar.css\");\n@import url(\"area.css\");\n\n/ Basic /\n\n:root {\n --color-white: hsl(0deg 0% 100%);\n --color-white-alpha-25: hsl(0deg 0% 100% / 25%);\n --color-white-alpha-75: hsl(0deg 0% 100% / 75%);\n\n --color-black: hsl(0deg 0% 0%);\n --color-black-alpha-25: hsl(0deg 0% 0% / 25%);\n --color-black-alpha-75: hsl(0deg 0% 0% / 75%);\n}\n\n/ Gray /\n\n:root {\n --color-gray-90: hsl(212deg 7% 97%);\n --color-gray-80: hsl(212deg 7% 93.5%);\n --color-gray-60: hsl(212deg 7% 78%);\n --color-gray-40: hsl(212deg 7% 34%);\n --color-gray-20: hsl(212deg 7% 19%);\n --color-gray-10: hsl(212deg 7% 14%);\n --color-gray-05: hsl(212deg 7% 10%);\n}\n\n/ Tinted /\n\n:root {\n --color-red-90: hsl(350deg 100% 95%);\n --color-red-80: hsl(350deg 96% 74%);\n --color-red-50: hsl(350deg 84% 45%);\n --color-red-20: hsl(350deg 84% 39%);\n --color-red-10: hsl(350deg 74% 17%);\n\n --color-orange-90: hsl(25deg 92% 96%);\n --color-orange-80: hsl(25deg 99% 78%);\n --color-orange-50: hsl(25deg 76% 53%);\n --color-orange-20: hsl(25deg 90% 40%);\n --color-orange-10: hsl(25deg 65% 15%);\n\n --color-yellow-90: hsl(46deg 97% 88%);\n --color-yellow-80: hsl(46deg 90% 80%);\n --color-yellow-50: hsl(46deg 92% 47%);\n --color-yellow-20: hsl(46deg 85% 32%);\n --color-yellow-10: hsl(46deg 90% 18%);\n\n --color-green-90: hsl(145deg 40% 94%);\n --color-green-80: hsl(145deg 75% 68%);\n --color-green-50: hsl(145deg 90% 30%);\n --color-green-20: hsl(145deg 88% 19%);\n --color-green-10: hsl(145deg 60% 12%);\n\n --color-blue-90: hsl(212deg 91% 96%);\n --color-blue-80: hsl(212deg 98% 82%);\n --color-blue-50: hsl(212deg 90% 39%);\n --color-blue-20: hsl(212deg 95% 32%);\n --color-blue-10: hsl(212deg 82% 15%);\n\n --color-purple-90: hsl(267deg 99% 97%);\n --color-purple-80: hsl(267deg 99% 86%);\n --color-purple-50: hsl(267deg 76% 56%);\n --color-purple-20: hsl(267deg 70% 40%);\n --color-purple-10: hsl(267deg 65% 16%);\n}\n","html[data-theme=\"light\"] {\n --csstools-color-scheme--light: initial;\n color-scheme: light;\n}\n\nhtml[data-theme=\"dark\"] {\n --csstools-color-scheme--light: ;\n color-scheme: dark;\n}\n",".external::after {\n display: inline-block;\n\n width: 1em;\n height: 1em;\n\n margin-left: 0.25em;\n\n vertical-align: text-top;\n\n /\n Unicode zero width space as `<content replacement>` to expose the alt text in the a11y tree.\n See: https://bugzilla.mozilla.org/show_bug.cgi?id=1976574\n /\n content: \"\\200b\" \" (external)\";\n content: \"\\200b\" / \" (external)\";\n\n background-color: currentcolor;\n\n -webkit-mask-image: url(\"../icon/external-link.svg\");\n\n mask-image: url(\"../icon/external-link.svg\");\n -webkit-mask-size: cover;\n mask-size: cover;\n}\n","mdn-dropdown {\n display: contents;\n}mdn-dropdown:not([loaded],:focus-within) [slot=\"dropdown\"] {\n display: none;\n }\n","/ Inter /\n\n@font-feature-values \"Inter\" {\n @styleset {\n / stylelint-disable-next-line at-rule-descriptor-no-unknown /\n disambiguation: 2;\n }\n}\n\n/ Latin /\n\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-latin.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,\n U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n}\n\n@font-face {\n font-family: \"Inter\";\n font-style: italic;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-italic-latin.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,\n U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n}\n\n/ Latin extended /\n\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-latin-extended.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,\n U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n@font-face {\n font-family: \"Inter\";\n font-style: italic;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-italic-latin-extended.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,\n U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/ Cyrillic /\n\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-cyrillic.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n@font-face {\n font-family: \"Inter\";\n font-style: italic;\n font-weight: 100 900;\n font-feature-settings: \"calt\" 0;\n\n src: url(\"fonts/inter-italic-cyrillic.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n","/ JetBrain Mono /\n\n/ Latin /\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-latin.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,\n U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n size-adjust: 95%;\n}\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: italic;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-italic-latin.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,\n U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n size-adjust: 95%;\n}\n\n/ Latin extended /\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-latin-extended.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,\n U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n size-adjust: 95%;\n}\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: italic;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-italic-latin-extended.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range:\n U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,\n U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n size-adjust: 95%;\n}\n\n/ Cyrillic /\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-cyrillic.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n size-adjust: 95%;\n}\n\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: italic;\n font-weight: 100 800;\n\n src: url(\"fonts/jetbrains-mono-italic-cyrillic.woff2\") format(\"woff2\");\n font-display: swap;\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n size-adjust: 95%;\n}\n","@import url(\"inter.css\");\n@import url(\"jetbrains-mono.css\");\n\n/ Font size /\n\n:root {\n --font-family-text: \"Inter\", sans-serif;\n --font-family-code: \"JetBrains Mono\", monospace;\n\n --font-line-content: 1.75;\n --font-line-normal: 1.5;\n --font-line-header: 1.25;\n --font-line-ui: 1;\n\n --font-size-largest: 2.5rem;\n --font-size-larger: 2rem;\n --font-size-large: 1.5rem;\n --font-size-medium: 1.25rem;\n --font-size-normal: 1rem;\n --font-size-small: 0.8rem;\n\n --font-weight-normal: 400;\n --font-weight-bold: 600;\n}\n","/ Global /\n\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n\nbutton {\n color: inherit;\n cursor: pointer;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\na {\n color: var(--color-link-normal);\n}\n\n[hidden] {\n display: none !important;\n}\n","/* HTML /\n\nhtml {\n scroll-behavior: smooth;\n\n font-family: var(--font-family-text);\n font-size: var(--font-size-normal);\n font-feature-settings: \"calt\" 0;\n font-variant-alternates: styleset(disambiguation);\n\n line-height: var(--font-line-normal);\n\n color: var(--color-text-primary);\n\n overflow-wrap: break-word;\n\n --csstools-color-scheme--light: initial;\n\n color-scheme: light dark;\n\n background-color: var(--color-background-page);\n}\n\n@media (prefers-color-scheme: dark) {\n\nhtml {\n\n --csstools-color-scheme--light: ;\n}\n}\n\n@media (prefers-reduced-motion: reduce) {\n\nhtml {\n scroll-behavior: auto;\n}\n }\n","/\n Icon legacy.\n\n To be removed when rari no longer renders these.\n\n Note: The selectors are intentionally explicit to discourage use.\n/\n.icon.icon-deprecated,.icon.icon-experimental,.icon.icon-nonstandard {\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1em;\n height: 1em;\n\n vertical-align: middle;\n\n background-color: var(--color-text-secondary);\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }\n/ See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L43-L47 /\n.icon.icon-deprecated {\n -webkit-mask-image: url(\"../icon/trash-2.svg\");\n mask-image: url(\"../icon/trash-2.svg\");\n }\n/ See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L36-L41 /\n.icon.icon-experimental {\n -webkit-mask-image: url(\"../icon/flask-conical.svg\");\n mask-image: url(\"../icon/flask-conical.svg\");\n }\n/ See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L43-L47 /\n.icon.icon-nonstandard {\n -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n mask-image: url(\"../icon/triangle-alert.svg\");\n }\n","/ --layout-side-padding-min * 2 + (--layout-sidebar-min + --layout-sidebar-gap) * 2 + --layout-content-min /\n\n/ --layout-side-padding-min * 2 + --layout-sidebar-min + --layout-sidebar-gap + --layout-content-min /\n\n:root {\n --layout-side-padding-min: 1rem;\n --layout-side-padding: max(\n var(--layout-side-padding-min),\n calc((100vw - 1440px + (2rem)) / 2)\n );\n --layout-full-width: calc(100vw - 2 var(--layout-side-padding));\n\n --layout-sidebar-min: 15rem;\n --layout-sidebar-gap: 2rem;\n --layout-sidebar-padding: 1rem;\n --layout-content-min: 31rem;\n --layout-content-max: 48rem;\n\n /* prettier-ignore /\n --layout-2-sidebars:\n [full-start left-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [left-sidebar-end]\n var(--layout-sidebar-gap)\n [content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n var(--layout-sidebar-gap)\n [right-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [full-end right-sidebar-end];\n\n / prettier-ignore /\n --layout-1-sidebar-left:\n [full-start sidebar-start left-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [sidebar-end left-sidebar-end]\n var(--layout-sidebar-gap)\n [content-start]\n minmax(0, var(--layout-content-max))\n [full-end content-end]\n minmax(0, 1fr);\n\n / prettier-ignore /\n --layout-1-sidebar-right:\n minmax(0, 1fr)\n [full-start content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n var(--layout-sidebar-gap)\n [sidebar-start right-sidebar-start]\n minmax(var(--layout-sidebar-min), 1fr)\n [full-end sidebar-end right-sidebar-end];\n\n / prettier-ignore /\n --layout-no-sidebar:\n [full-start]\n 1fr\n [content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n 1fr\n [full-end];\n\n / prettier-ignore /\n --layout-no-sidebar-extended:\n [extended-full-start]\n var(--layout-side-padding)\n [full-start]\n 1fr\n [content-start]\n minmax(0, var(--layout-content-max))\n [content-end]\n 1fr\n [full-end]\n var(--layout-side-padding)\n [extended-full-end];\n}\n","mdn-live-sample-result {\n display: block;\n}\n","html a.only-in-en-us::after {\n display: inline-block;\n\n margin-left: 0.5ch;\n\n font-size: 0.7rem;\n\n vertical-align: super;\n\n content: \"(en-US)\";\n}\n\nhtml[lang=\"de\"] a.only-in-en-us::after {\n content: \"(engl.)\";\n}\n\nhtml[lang=\"es\"] a.only-in-en-us::after {\n content: \"(inglés)\";\n}\n\nhtml[lang=\"fr\"] a.only-in-en-us::after {\n content: \"(angl.)\";\n}\n\nhtml[lang=\"ja\"] a.only-in-en-us::after {\n content: \"(英語)\";\n}\n\nhtml[lang=\"ko\"] a.only-in-en-us::after {\n content: \"(영어)\";\n}\n\nhtml[lang=\"ru\"] a.only-in-en-us::after {\n content: \"(англ.)\";\n}\n\nhtml[lang=\"pt-BR\"] a.only-in-en-us::after {\n content: \"(inglês)\";\n}\n\nhtml[lang=\"zh-CN\"] a.only-in-en-us::after {\n margin-left: unset;\n vertical-align: baseline;\n content: \"（英语）\";\n}\n\nhtml[lang=\"zh-TW\"] a.only-in-en-us::after {\n margin-left: unset;\n vertical-align: baseline;\n content: \"（英語）\";\n}\n",".page-not-created {\n color: var(--color-text-red);\n text-decoration: underline !important;\n -webkit-text-decoration: underline wavy !important;\n text-decoration: underline wavy !important;\n}\n","@media print {\n {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n\n :root {\n --csstools-color-scheme--light: initial;\n color-scheme: light;\n\n /* Force desktop layout for print by overriding layout variables /\n --layout-2-sidebars: minmax(0, 1fr) !important;\n --layout-1-sidebar-left: minmax(0, 1fr) !important;\n --layout-no-sidebar: minmax(0, 1fr) !important;\n }\n\n body {\n padding: 0;\n margin: 0;\n\n font-size: 9pt;\n\n line-height: 1.5;\n }\n\n .page-layout {\n display: block !important;\n\n grid-template-rows: none !important;\n\n height: auto !important;\n min-height: auto !important;\n }\n\n .page-layout__header {\n position: static !important;\n top: auto !important;\n z-index: auto !important;\n }\n\n / Reset sticky header height variable /\n :root {\n --sticky-header-height: 0 !important;\n }\n\n .page-layout__banner,\n .layout__left-sidebar,\n .layout__right-sidebar,\n .footer__socials,\n .footer__links,\n .footer__mozilla,\n .article-footer,\n .navigation__button,\n .navigation__menu,\n .content-section.article-footer,\n mdn-toggle-sidebar,\n mdn-collection-save-button,\n mdn-color-theme,\n mdn-search-button,\n mdn-user-menu,\n mdn-placement-bottom {\n display: none !important;\n }\n\n .reference-layout {\n grid-template-areas:\n \"header\"\n \"body\" !important;\n grid-template-rows: auto !important;\n grid-template-columns: auto !important;\n }\n\n a {\n -webkit-text-decoration: none !important;\n text-decoration: none !important;\n }\n\n details.baseline-indicator > :not(summary) {\n display: none !important;\n }\n\n details.baseline-indicator[open] > :not(summary) {\n display: none !important;\n }\n\n details.baseline-indicator > summary::marker {\n display: none !important;\n }\n\n .example-container,\n .default-example,\n [class=\"example\"],\n .interactive,\n .code-example {\n position: static !important;\n float: none !important;\n\n display: block !important;\n\n width: 100% !important;\n height: auto !important;\n\n margin-bottom: 1rem !important;\n\n overflow: visible !important;\n\n page-break-inside: avoid !important;\n\n break-inside: avoid !important;\n }\n\n .footer__mdn {\n row-gap: 0 !important;\n }\n\n section,\n interactive-example {\n position: static !important;\n clear: both !important;\n display: block !important;\n }\n\n interactive-example {\n page-break-inside: avoid !important;\n break-inside: avoid !important;\n }\n\n [style=\"position: absolute\"],\n [style=\"position: fixed\"] {\n position: static !important;\n }\n}\n","/* Radius */\n\n:root {\n --radius-normal: 0.25rem;\n --radius-full: 9999px;\n}\n","@font-face {\n font-family: \"BarlowCondensed-SemiBold\";\n font-weight: var(--font-weight-bold);\n\n src:\n local(\"BarlowCondensed-SemiBold\"),\n url(\"./assets/BarlowCondensed-SemiBold.woff2\") format(\"woff2\");\n font-display: block;\n}\n\nmdn-scrim-inline {\n display: block;\n\n width: 100%;\n max-width: 36rem;\n aspect-ratio: 1.5;\n\n margin: 0.5rem auto;\n}\n",":root {\n scrollbar-gutter: stable;\n}.search-modal-open:root {\n overflow: hidden;\n }\n",".table-container {\n margin: 0;\n overflow-x: auto;\n}\n",":root {\n --top-banner-height: 3.375rem;\n --sticky-header-height: calc(\n var(--navigation-height) + var(--breadcrumbs-bar-height)\n );\n\n --z-index-sticky-header: 100;\n --z-index-sidebar-mobile: 90;\n}\n",".visually-hidden {\n position: absolute !important;\n\n width: 1px !important;\n height: 1px !important;\n\n padding: 0 !important;\n margin: -1px !important;\n\n overflow: hidden !important;\n\n white-space: nowrap !important;\n\n border: 0 !important;\n\n clip-path: inset(50%) !important;\n}\n"],"names":[],"mappings":"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"}

package/out/static/client/{styles-global.8b4b213c704a703e.js → styles-global.445b59e1ff23f88c.js} RENAMED Viewed

	@@ -1 +1 @@
1	- export const __rspack_esm_id="4016";export const __rspack_esm_ids=["4016"];export const __webpack_modules__={33196(){},41519(){},38637(){},12224(){},59768(){},63102(){},13777(){},49374(){},41056(){},65882(){},8842(){},71697(){},9500(){},55386(){},87493(){},64648(){},23653(){},88339(){},35843(){},87017(){},35401(){},39689(){}};import{__webpack_require__ as s}from"./styles.5b02dc99a7ee272a.js";var e=function(e){return s(s.s=e)};import*as o from"./styles-global.~~8b4b213c704a703e~~.js";s.C(o),e(33196),e(~~38637~~),e(~~41519~~),e(59768),e(12224),e(~~63102~~),e(~~13777~~),e(49374),e(41056),e(65882),e(8842),e(71697),e(9500),e(55386),e(87493),e(64648),e(23653),e(88339),e(35843),e(~~35401~~),e(~~87017~~),e(39689);
1	+ export const __rspack_esm_id="4016";export const __rspack_esm_ids=["4016"];export const __webpack_modules__={33196(){},41519(){},38637(){},12224(){},59768(){},63102(){},13777(){},49374(){},41056(){},65882(){},8842(){},71697(){},9500(){},55386(){},87493(){},64648(){},23653(){},88339(){},35843(){},87017(){},35401(){},39689(){}};import{__webpack_require__ as s}from"./styles.5b02dc99a7ee272a.js";var o=function(o){return s(s.s=o)};import*as _ from"./styles-global.445b59e1ff23f88c.js";s.C(_),o(33196),o(41519),o(38637),o(59768),o(12224),o(13777),o(63102),o(49374),o(41056),o(65882),o(8842),o(71697),o(9500),o(55386),o(87493),o(64648),o(23653),o(88339),o(35843),o(87017),o(35401),o(39689);

package/out/static/client/{styles-homepage-contributor-spotlight.2bcbb1476c70410c.css → styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css} RENAMED Viewed

@@ -1,2 +1,2 @@
-.homepage-contributor-spotlight{display:flex;flex-direction:column}.homepage-contributor-spotlight__spotlight{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;place-items:center}.homepage-contributor-spotlight__spotlight h2{margin:0}.homepage-contributor-spotlight__name{background-color:var(--color-text-primary);color:var(--color-background-primary);font-size:var(--font-size-large);font-weight:650;padding:.125em .25em;text-transform:uppercase;width:fit-content}.homepage-contributor-spotlight__name:not(:hover){-webkit-text-decoration:none;text-decoration:none}@media (width <= 768px){.homepage-contributor-spotlight__name{text-align:center}}.homepage-contributor-spotlight__quote{color:var(--color-text-secondary);display:flex;font-style:italic;gap:.5em;margin:.5em 0}.homepage-contributor-spotlight__quote:before{background-color:var(--color-text-primary);box-sizing:border-box;content:"";display:inline-block;flex-shrink:0;height:1em;margin-top:.25em;-webkit-mask-image:url(/static/client/quote.894340f7e3ad2575.svg);mask-image:url(/static/client/quote.894340f7e3ad2575.svg);-webkit-mask-position:center right;mask-position:center right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;width:1em}.homepage-contributor-spotlight__logo{display:contents}.homepage-contributor-spotlight__logo img{max-height:8rem;object-fit:contain;place-self:center;width:max-content}@media (769px < width){.homepage-contributor-spotlight{flex-direction:row;gap:2rem}.homepage-contributor-spotlight__spotlight{align-items:start}.homepage-contributor-spotlight__quote:before{margin-left:-1.5em}}
-/*# sourceMappingURL=styles-homepage-contributor-spotlight.2bcbb1476c70410c.css.map*/
+.homepage-contributor-spotlight{display:flex;flex-direction:column}.homepage-contributor-spotlight__spotlight{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;place-items:center}.homepage-contributor-spotlight__spotlight h2{margin:0}.homepage-contributor-spotlight__name{background-color:var(--color-text-primary);color:var(--color-background-primary);font-size:var(--font-size-large);font-weight:650;padding:.125em .25em;text-transform:uppercase;width:fit-content}.homepage-contributor-spotlight__name:not(:hover){-webkit-text-decoration:none;text-decoration:none}@media (width <= 768px){.homepage-contributor-spotlight__name{text-align:center}}.homepage-contributor-spotlight__quote{color:var(--color-text-secondary);display:flex;font-style:italic;gap:.5em;margin:.5em 0}.homepage-contributor-spotlight__quote:before{background-color:var(--color-text-primary);box-sizing:border-box;content:"";display:inline-block;flex-shrink:0;height:1em;margin-top:.25em;-webkit-mask-image:url(/static/client/quote.894340f7e3ad2575.svg);mask-image:url(/static/client/quote.894340f7e3ad2575.svg);-webkit-mask-position:center right;mask-position:center right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;width:1em}.homepage-contributor-spotlight__logo{display:contents}.homepage-contributor-spotlight__logo img{max-height:8rem;object-fit:contain;place-self:center;width:max-content}@media (width > 769px){.homepage-contributor-spotlight{flex-direction:row;gap:2rem}.homepage-contributor-spotlight__spotlight{align-items:start}.homepage-contributor-spotlight__quote:before{margin-left:-1.5em}}
+/*# sourceMappingURL=styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css.map*/

package/out/static/client/{styles-homepage-contributor-spotlight.2bcbb1476c70410c.css.map → styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles-homepage-contributor-spotlight.~~2bcbb1476c70410c~~.css","sources":["webpack://@mdn/fred/./components/homepage-contributor-spotlight/server.css"],"sourcesContent":["@import url(\"../button/server.css\");\n\n.homepage-contributor-spotlight {\n display: flex;\n flex-direction: column;\n}\n\n.homepage-contributor-spotlight__spotlight {\n display: flex;\n\n flex-direction: column;\n\n gap: 0.5rem;\n place-items: center;\n\n margin: 1rem 0;\n}\n\n.homepage-contributor-spotlight__spotlight h2 {\n margin: 0;\n }\n\n.homepage-contributor-spotlight__name {\n width: fit-content;\n\n padding: 0.125em 0.25em;\n\n font-size: var(--font-size-large);\n font-weight: 650;\n\n color: var(--color-background-primary);\n\n text-transform: uppercase;\n\n background-color: var(--color-text-primary);\n}\n\n.homepage-contributor-spotlight__name:not(:hover) {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n@media (width <= 768px) {\n\n.homepage-contributor-spotlight__name {\n text-align: center;\n}\n }\n\n.homepage-contributor-spotlight__quote {\n display: flex;\n\n gap: 0.5em;\n\n margin: 0.5em 0;\n\n font-style: italic;\n\n color: var(--color-text-secondary);\n}\n\n.homepage-contributor-spotlight__quote::before {\n box-sizing: border-box;\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1em;\n height: 1em;\n\n margin-top: 0.25em;\n\n content: \"\";\n\n background-color: var(--color-text-primary);\n\n -webkit-mask-image: url(\"./quote.svg\");\n\n mask-image: url(\"./quote.svg\");\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center right;\n mask-position: center right;\n -webkit-mask-size: cover;\n mask-size: cover;\n }\n\n.homepage-contributor-spotlight__logo {\n display: contents;\n}\n\n.homepage-contributor-spotlight__logo img {\n place-self: center;\n\n width: max-content;\n max-height: 8rem;\n\n object-fit: contain;\n }\n\n@media (~~769px~~ < ~~width~~) {\n .homepage-contributor-spotlight {\n flex-direction: row;\n gap: 2rem;\n }\n\n .homepage-contributor-spotlight__spotlight {\n align-items: start;\n }\n\n .homepage-contributor-spotlight__quote::before {\n margin-left: -1.5em;\n }\n}\n"],"names":[],"mappings":"AAEA,gCACE,YAAa,CACb,qBACF,CAEA,2CACE,YAAa,CAEb,qBAAsB,CAEtB,SAAW,CAGX,aAAc,CAFd,kBAGF,CAEA,8CACI,QACF,CAEF,sCAYE,0CAA2C,CAJ3C,qCAAsC,CAHtC,gCAAiC,CACjC,eAAgB,CAHhB,oBAAuB,CAOvB,wBAAyB,CATzB,iBAYF,CAEA,kDACI,4BAA6B,CAC7B,oBACF,CAEF,wBAEA,sCACI,iBACJ,CACE,CAEF,uCASE,iCAAkC,CARlC,YAAa,CAMb,iBAAkB,CAJlB,QAAU,CAEV,aAKF,CAEA,8CAaI,0CAA2C,CAZ3C,qBAAsB,CAUtB,UAAW,CATX,oBAAqB,CAErB,aAAc,CAGd,UAAW,CAEX,gBAAkB,CAMlB,iEAAsC,CAE9B,yDAA8B,CAGtC,kCAAmC,CAC3B,0BAA2B,CAHnC,6BAA8B,CACtB,qBAAsB,CAG9B,uBAAwB,CAChB,eAAgB,CAjBxB,SAkBF,CAEF,sCACE,gBACF,CAEA,0CAII,eAAgB,CAEhB,kBAAmB,CALnB,iBAAkB,CAElB,iBAIF,CAEF,uBACE,gCACE,kBAAmB,CACnB,QACF,CAEA,2CACE,iBACF,CAEA,8CACE,kBACF,CACF"}
1	+ {"version":3,"file":"styles-homepage-contributor-spotlight.5dc97e2f6ae1056d.css","sources":["webpack://@mdn/fred/./components/homepage-contributor-spotlight/server.css"],"sourcesContent":["@import url(\"../button/server.css\");\n\n.homepage-contributor-spotlight {\n display: flex;\n flex-direction: column;\n}\n\n.homepage-contributor-spotlight__spotlight {\n display: flex;\n\n flex-direction: column;\n\n gap: 0.5rem;\n place-items: center;\n\n margin: 1rem 0;\n}\n\n.homepage-contributor-spotlight__spotlight h2 {\n margin: 0;\n }\n\n.homepage-contributor-spotlight__name {\n width: fit-content;\n\n padding: 0.125em 0.25em;\n\n font-size: var(--font-size-large);\n font-weight: 650;\n\n color: var(--color-background-primary);\n\n text-transform: uppercase;\n\n background-color: var(--color-text-primary);\n}\n\n.homepage-contributor-spotlight__name:not(:hover) {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n@media (width <= 768px) {\n\n.homepage-contributor-spotlight__name {\n text-align: center;\n}\n }\n\n.homepage-contributor-spotlight__quote {\n display: flex;\n\n gap: 0.5em;\n\n margin: 0.5em 0;\n\n font-style: italic;\n\n color: var(--color-text-secondary);\n}\n\n.homepage-contributor-spotlight__quote::before {\n box-sizing: border-box;\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1em;\n height: 1em;\n\n margin-top: 0.25em;\n\n content: \"\";\n\n background-color: var(--color-text-primary);\n\n -webkit-mask-image: url(\"./quote.svg\");\n\n mask-image: url(\"./quote.svg\");\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center right;\n mask-position: center right;\n -webkit-mask-size: cover;\n mask-size: cover;\n }\n\n.homepage-contributor-spotlight__logo {\n display: contents;\n}\n\n.homepage-contributor-spotlight__logo img {\n place-self: center;\n\n width: max-content;\n max-height: 8rem;\n\n object-fit: contain;\n }\n\n@media (width > 769px) {\n .homepage-contributor-spotlight {\n flex-direction: row;\n gap: 2rem;\n }\n\n .homepage-contributor-spotlight__spotlight {\n align-items: start;\n }\n\n .homepage-contributor-spotlight__quote::before {\n margin-left: -1.5em;\n }\n}\n"],"names":[],"mappings":"AAEA,gCACE,YAAa,CACb,qBACF,CAEA,2CACE,YAAa,CAEb,qBAAsB,CAEtB,SAAW,CAGX,aAAc,CAFd,kBAGF,CAEA,8CACI,QACF,CAEF,sCAYE,0CAA2C,CAJ3C,qCAAsC,CAHtC,gCAAiC,CACjC,eAAgB,CAHhB,oBAAuB,CAOvB,wBAAyB,CATzB,iBAYF,CAEA,kDACI,4BAA6B,CAC7B,oBACF,CAEF,wBAEA,sCACI,iBACJ,CACE,CAEF,uCASE,iCAAkC,CARlC,YAAa,CAMb,iBAAkB,CAJlB,QAAU,CAEV,aAKF,CAEA,8CAaI,0CAA2C,CAZ3C,qBAAsB,CAUtB,UAAW,CATX,oBAAqB,CAErB,aAAc,CAGd,UAAW,CAEX,gBAAkB,CAMlB,iEAAsC,CAE9B,yDAA8B,CAGtC,kCAAmC,CAC3B,0BAA2B,CAHnC,6BAA8B,CACtB,qBAAsB,CAG9B,uBAAwB,CAChB,eAAgB,CAjBxB,SAkBF,CAEF,sCACE,gBACF,CAEA,0CAII,eAAgB,CAEhB,kBAAmB,CALnB,iBAAkB,CAElB,iBAIF,CAEF,uBACE,gCACE,kBAAmB,CACnB,QACF,CAEA,2CACE,iBACF,CAEA,8CACE,kBACF,CACF"}

package/out/static/client/{styles-latest-news.ef3b9e57333a87bc.css → styles-latest-news.afe0cccaa067269f.css} RENAMED Viewed

@@ -1,2 +1,2 @@
-.latest-news{--base-line-height:1.2;display:grid;gap:1rem;grid-auto-flow:row;padding:0}@media (769px < width){.latest-news{grid-template-columns:repeat(2,1fr)}}.latest-news>li{display:contents}:is(.latest-news a):link{color:var(--color-text-primary)}:is(.latest-news a):visited{color:var(--color-text-secondary)}:is(.latest-news a):not(:hover){-webkit-text-decoration:none;text-decoration:none}.latest-news__item{border:1px solid var(--color-border-primary);border-radius:.5rem;display:grid;grid-template-areas:"source date" "title title" "summary summary";grid-template-columns:1fr max-content;justify-content:space-between;padding:1rem}.latest-news__source{font-size:var(--font-size-small);font-weight:500;grid-area:source}.latest-news__title{align-items:flex-start;display:flex;flex-grow:1;font-size:var(--font-size-normal);font-weight:500;grid-area:title;line-height:var(--font-line-normal);margin:0 0 1em}.latest-news__date{font-size:var(--font-size-small);grid-area:date}.latest-news__summary{font-size:var(--font-size-small);grid-area:summary;line-height:var(--base-line-height);margin:0;max-height:calc(3em*var(--base-line-height));min-height:calc(3em*var(--base-line-height));overflow:hidden;position:relative}.latest-news__summary:after{background:var(--color-background-page);content:"";display:block;height:calc(1em*var(--base-line-height));-webkit-mask-image:linear-gradient(90deg,#0000,#000 75%);mask-image:linear-gradient(90deg,#0000,#000 75%);pointer-events:none;position:absolute;right:0;top:calc(2em*var(--base-line-height));width:20ch}
-/*# sourceMappingURL=styles-latest-news.ef3b9e57333a87bc.css.map*/
+.latest-news{--base-line-height:1.2;display:grid;gap:1rem;grid-auto-flow:row;padding:0}@media (width > 769px){.latest-news{grid-template-columns:repeat(2,1fr)}}.latest-news>li{display:contents}:is(.latest-news a):link{color:var(--color-text-primary)}:is(.latest-news a):visited{color:var(--color-text-secondary)}:is(.latest-news a):not(:hover){-webkit-text-decoration:none;text-decoration:none}.latest-news__item{border:1px solid var(--color-border-primary);border-radius:.5rem;display:grid;grid-template-areas:"source date" "title title" "summary summary";grid-template-columns:1fr max-content;justify-content:space-between;padding:1rem}.latest-news__source{font-size:var(--font-size-small);font-weight:500;grid-area:source}.latest-news__title{align-items:flex-start;display:flex;flex-grow:1;font-size:var(--font-size-normal);font-weight:500;grid-area:title;line-height:var(--font-line-normal);margin:0 0 1em}.latest-news__date{font-size:var(--font-size-small);grid-area:date}.latest-news__summary{font-size:var(--font-size-small);grid-area:summary;line-height:var(--base-line-height);margin:0;max-height:calc(3em*var(--base-line-height));min-height:calc(3em*var(--base-line-height));overflow:hidden;position:relative}.latest-news__summary:after{background:var(--color-background-page);content:"";display:block;height:calc(1em*var(--base-line-height));-webkit-mask-image:linear-gradient(90deg,#0000,#000 75%);mask-image:linear-gradient(90deg,#0000,#000 75%);pointer-events:none;position:absolute;right:0;top:calc(2em*var(--base-line-height));width:20ch}
+/*# sourceMappingURL=styles-latest-news.afe0cccaa067269f.css.map*/

package/out/static/client/{styles-latest-news.ef3b9e57333a87bc.css.map → styles-latest-news.afe0cccaa067269f.css.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles-latest-news.~~ef3b9e57333a87bc~~.css","sources":["webpack://@mdn/fred/./components/latest-news/server.css"],"sourcesContent":["/*\n Latest news (homepage).\n\n Important: Shares design with featured articles.\n/\n\n.latest-news {\n --base-line-height: 1.2;\n\n display: grid;\n\n grid-auto-flow: row;\n\n gap: 1rem;\n\n padding: 0;\n}\n\n@media (~~769px~~ < ~~width~~) {\n\n.latest-news {\n grid-template-columns: repeat(2, 1fr);\n}\n }\n\n.latest-news > li {\n display: contents;\n }\n\n:is(.latest-news a):link {\n color: var(--color-text-primary);\n }\n\n:is(.latest-news a):visited {\n color: var(--color-text-secondary);\n }\n\n:is(.latest-news a):not(:hover) {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n.latest-news__item {\n display: grid;\n\n grid-template-areas: \"source date\" \"title title\" \"summary summary\";\n grid-template-columns: 1fr max-content;\n\n justify-content: space-between;\n\n padding: 1rem;\n\n border: 1px solid var(--color-border-primary);\n border-radius: 0.5rem;\n}\n\n.latest-news__source {\n grid-area: source;\n font-size: var(--font-size-small);\n font-weight: 500;\n}\n\n.latest-news__title {\n display: flex;\n\n flex-grow: 1;\n\n grid-area: title;\n\n align-items: flex-start;\n\n margin: 0 0 1em;\n\n font-size: var(--font-size-normal);\n font-weight: 500;\n\n line-height: var(--font-line-normal);\n}\n\n.latest-news__date {\n grid-area: date;\n font-size: var(--font-size-small);\n}\n\n.latest-news__summary {\n position: relative;\n\n grid-area: summary;\n\n min-height: calc(3em * var(--base-line-height));\n max-height: calc(3em * var(--base-line-height));\n\n margin: 0;\n\n overflow: hidden;\n\n font-size: var(--font-size-small);\n\n line-height: var(--base-line-height);\n}\n\n.latest-news__summary::after {\n position: absolute;\n top: calc(2em * var(--base-line-height));\n right: 0;\n\n display: block;\n\n width: 20ch;\n height: calc(1em * var(--base-line-height));\n\n pointer-events: none;\n\n content: \"\";\n\n background: var(--color-background-page);\n\n -webkit-mask-image: linear-gradient(90deg, #00000000, #000000 75%);\n\n mask-image: linear-gradient(90deg, #00000000, #000000 75%);\n }\n"],"names":[],"mappings":"AAMA,aACE,sBAAuB,CAEvB,YAAa,CAIb,QAAS,CAFT,kBAAmB,CAInB,SACF,CAEA,uBAEA,aACI,mCACJ,CACE,CAEF,gBACI,gBACF,CAEF,yBACM,+BACF,CAEJ,4BACM,iCACF,CAEJ,gCACM,4BAA6B,CAC7B,oBACF,CAEJ,mBAUE,4CAA6C,CAC7C,mBAAqB,CAVrB,YAAa,CAEb,iEAAkE,CAClE,qCAAsC,CAEtC,6BAA8B,CAE9B,YAIF,CAEA,qBAEE,gCAAiC,CACjC,eAAgB,CAFhB,gBAGF,CAEA,oBAOE,sBAAuB,CANvB,YAAa,CAEb,WAAY,CAQZ,iCAAkC,CAClC,eAAgB,CAPhB,eAAgB,CAShB,mCAAoC,CALpC,cAMF,CAEA,mBAEE,gCAAiC,CADjC,cAEF,CAEA,sBAYE,gCAAiC,CATjC,iBAAkB,CAWlB,mCAAoC,CANpC,QAAS,CAFT,4CAA+C,CAD/C,4CAA+C,CAK/C,eAAgB,CAThB,iBAcF,CAEA,4BAcI,uCAAwC,CAFxC,UAAW,CAPX,aAAc,CAGd,wCAA2C,CAQ3C,wDAAkE,CAE1D,gDAA0D,CARlE,mBAAoB,CATpB,iBAAkB,CAElB,OAAQ,CADR,qCAAwC,CAKxC,UAYF"}
1	+ {"version":3,"file":"styles-latest-news.afe0cccaa067269f.css","sources":["webpack://@mdn/fred/./components/latest-news/server.css"],"sourcesContent":["/*\n Latest news (homepage).\n\n Important: Shares design with featured articles.\n/\n\n.latest-news {\n --base-line-height: 1.2;\n\n display: grid;\n\n grid-auto-flow: row;\n\n gap: 1rem;\n\n padding: 0;\n}\n\n@media (width > 769px) {\n\n.latest-news {\n grid-template-columns: repeat(2, 1fr);\n}\n }\n\n.latest-news > li {\n display: contents;\n }\n\n:is(.latest-news a):link {\n color: var(--color-text-primary);\n }\n\n:is(.latest-news a):visited {\n color: var(--color-text-secondary);\n }\n\n:is(.latest-news a):not(:hover) {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n.latest-news__item {\n display: grid;\n\n grid-template-areas: \"source date\" \"title title\" \"summary summary\";\n grid-template-columns: 1fr max-content;\n\n justify-content: space-between;\n\n padding: 1rem;\n\n border: 1px solid var(--color-border-primary);\n border-radius: 0.5rem;\n}\n\n.latest-news__source {\n grid-area: source;\n font-size: var(--font-size-small);\n font-weight: 500;\n}\n\n.latest-news__title {\n display: flex;\n\n flex-grow: 1;\n\n grid-area: title;\n\n align-items: flex-start;\n\n margin: 0 0 1em;\n\n font-size: var(--font-size-normal);\n font-weight: 500;\n\n line-height: var(--font-line-normal);\n}\n\n.latest-news__date {\n grid-area: date;\n font-size: var(--font-size-small);\n}\n\n.latest-news__summary {\n position: relative;\n\n grid-area: summary;\n\n min-height: calc(3em * var(--base-line-height));\n max-height: calc(3em * var(--base-line-height));\n\n margin: 0;\n\n overflow: hidden;\n\n font-size: var(--font-size-small);\n\n line-height: var(--base-line-height);\n}\n\n.latest-news__summary::after {\n position: absolute;\n top: calc(2em * var(--base-line-height));\n right: 0;\n\n display: block;\n\n width: 20ch;\n height: calc(1em * var(--base-line-height));\n\n pointer-events: none;\n\n content: \"\";\n\n background: var(--color-background-page);\n\n -webkit-mask-image: linear-gradient(90deg, #00000000, #000000 75%);\n\n mask-image: linear-gradient(90deg, #00000000, #000000 75%);\n }\n"],"names":[],"mappings":"AAMA,aACE,sBAAuB,CAEvB,YAAa,CAIb,QAAS,CAFT,kBAAmB,CAInB,SACF,CAEA,uBAEA,aACI,mCACJ,CACE,CAEF,gBACI,gBACF,CAEF,yBACM,+BACF,CAEJ,4BACM,iCACF,CAEJ,gCACM,4BAA6B,CAC7B,oBACF,CAEJ,mBAUE,4CAA6C,CAC7C,mBAAqB,CAVrB,YAAa,CAEb,iEAAkE,CAClE,qCAAsC,CAEtC,6BAA8B,CAE9B,YAIF,CAEA,qBAEE,gCAAiC,CACjC,eAAgB,CAFhB,gBAGF,CAEA,oBAOE,sBAAuB,CANvB,YAAa,CAEb,WAAY,CAQZ,iCAAkC,CAClC,eAAgB,CAPhB,eAAgB,CAShB,mCAAoC,CALpC,cAMF,CAEA,mBAEE,gCAAiC,CADjC,cAEF,CAEA,sBAYE,gCAAiC,CATjC,iBAAkB,CAWlB,mCAAoC,CANpC,QAAS,CAFT,4CAA+C,CAD/C,4CAA+C,CAK/C,eAAgB,CAThB,iBAcF,CAEA,4BAcI,uCAAwC,CAFxC,UAAW,CAPX,aAAc,CAGd,wCAA2C,CAQ3C,wDAAkE,CAE1D,gDAA0D,CARlE,mBAAoB,CATpB,iBAAkB,CAElB,OAAQ,CADR,qCAAwC,CAKxC,UAYF"}