diff --git a/public/404.html b/public/404.html deleted file mode 100644 index aeb0910..0000000 --- a/public/404.html +++ /dev/null @@ -1,65 +0,0 @@ - - - - - - - - - - - - - - - - - Single Page Apps for GitHub Pages - - - - - - \ No newline at end of file diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png deleted file mode 100644 index 2115b77..0000000 Binary files a/public/android-chrome-192x192.png and /dev/null differ diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png deleted file mode 100644 index ea924ae..0000000 Binary files a/public/android-chrome-512x512.png and /dev/null differ diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png deleted file mode 100644 index 41d8fe1..0000000 Binary files a/public/apple-touch-icon.png and /dev/null differ diff --git a/public/browserconfig.xml b/public/browserconfig.xml deleted file mode 100644 index a47e5a5..0000000 --- a/public/browserconfig.xml +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - #2d89ef - - - diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png deleted file mode 100644 index cedf3a6..0000000 Binary files a/public/favicon-16x16.png and /dev/null differ diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png deleted file mode 100644 index a219760..0000000 Binary files a/public/favicon-32x32.png and /dev/null differ diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index 110a466..0000000 Binary files a/public/favicon.ico and /dev/null differ diff --git a/public/fonts/Inter.var.woff2 b/public/fonts/Inter.var.woff2 deleted file mode 100644 index 365eedc..0000000 Binary files a/public/fonts/Inter.var.woff2 and /dev/null differ diff --git a/public/fonts/share-tech-mono-v15-latin-regular.eot b/public/fonts/share-tech-mono-v15-latin-regular.eot deleted file mode 100644 index 8614635..0000000 Binary files a/public/fonts/share-tech-mono-v15-latin-regular.eot and /dev/null differ diff --git a/public/fonts/share-tech-mono-v15-latin-regular.svg b/public/fonts/share-tech-mono-v15-latin-regular.svg deleted file mode 100644 index d64cca3..0000000 --- a/public/fonts/share-tech-mono-v15-latin-regular.svg +++ /dev/null @@ -1,295 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/fonts/share-tech-mono-v15-latin-regular.ttf b/public/fonts/share-tech-mono-v15-latin-regular.ttf deleted file mode 100644 index e70d88c..0000000 Binary files a/public/fonts/share-tech-mono-v15-latin-regular.ttf and /dev/null differ diff --git a/public/fonts/share-tech-mono-v15-latin-regular.woff b/public/fonts/share-tech-mono-v15-latin-regular.woff deleted file mode 100644 index 129effb..0000000 Binary files a/public/fonts/share-tech-mono-v15-latin-regular.woff and /dev/null differ diff --git a/public/fonts/share-tech-mono-v15-latin-regular.woff2 b/public/fonts/share-tech-mono-v15-latin-regular.woff2 deleted file mode 100644 index f48075f..0000000 Binary files a/public/fonts/share-tech-mono-v15-latin-regular.woff2 and /dev/null differ diff --git a/public/foo-style.css b/public/foo-style.css deleted file mode 100644 index 91e061e..0000000 --- a/public/foo-style.css +++ /dev/null @@ -1,1966 +0,0 @@ -@charset "UTF-8"; - -a, -/* abbr, */ -acronym, -address, -applet, -/* article, */ -aside, -audio, -/* b, */ -big, -blockquote, -canvas, -caption, -center, -cite, -/* code, */ -dd, -del, -details, -dfn, -div, -dl, -dt, -em, -embed, -fieldset, -/* figcaption, */ -/* figure, */ -footer, -form, -/* h1, -h2, -h3, -h4, -h5, -h6, */ -header, -hgroup, -html, -/* i, */ -/* iframe, */ -img, -ins, -kbd, -label, -legend, -li, -mark, -menu, -nav, -object, -/* ol, */ -output, -/* p, */ -/* pre, */ -q, -ruby, -s, -samp, -/* section, */ -small, -/* span, */ -strike, -strong, -sub, -summary, -sup, -/* table, */ -/* tbody, */ -/* td, */ -/* tfoot, */ -/* th, */ -/* thead, */ -time, -/* tr, */ -tt, -u, -ul, -var, -video { - margin: 0; - padding: 0; - border: 0; - font: inherit; - vertical-align: baseline -} - -body { - margin: 0; - padding: 0; - border: 0; - vertical-align: baseline; - line-height: 1 -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { - display: block -} - -/* ol, */ -ul { - list-style: none -} - -blockquote, -q { - quotes: none -} - -blockquote:after, -blockquote:before, -q:after, -q:before { - content: none -} - -/* table { - border-collapse: collapse; - border-spacing: 0 -} */ - -.foo-footer ul, -.foo-grid { - list-style: none; - padding: 0; - margin: 0 0 0 -24px -} - -.foo-grid__item { - display: inline-block; - vertical-align: top; - width: 100%; - box-sizing: border-box -} - -.foo-console, -.foo-console .foo-terminal-output .foo-output--column, -.foo-grid__item { - padding-left: 24px -} - -.foo-console, -.foo-console .foo-terminal-output .foo-output--column, -.foo-editor { - display: inline-block; - vertical-align: top; - box-sizing: border-box -} - -.foo-grid--rev { - direction: rtl; - text-align: left -} - -.foo-console .foo-terminal-output .foo-grid--rev>.foo-output--column, -.foo-grid--rev>.foo-console, -.foo-grid--rev>.foo-editor, -.foo-grid--rev>.foo-grid__item { - direction: ltr; - text-align: left -} - -.foo-grid--full { - margin-left: 0 -} - -.foo-console .foo-terminal-output .foo-grid--full>.foo-output--column, -.foo-grid--full>.foo-console, -.foo-grid--full>.foo-editor, -.foo-grid--full>.foo-grid__item { - padding-left: 0 -} - -.foo-grid--right { - text-align: right -} - -.foo-console .foo-terminal-output .foo-grid--center>.foo-output--column, -.foo-console .foo-terminal-output .foo-grid--right>.foo-output--column, -.foo-grid--center>.foo-console, -.foo-grid--center>.foo-editor, -.foo-grid--center>.foo-grid__item, -.foo-grid--right>.foo-console, -.foo-grid--right>.foo-editor, -.foo-grid--right>.foo-grid__item { - text-align: left -} - -.foo-grid--center { - text-align: center -} - -.foo-console .foo-terminal-output .foo-grid--middle>.foo-output--column, -.foo-grid--middle>.foo-console, -.foo-grid--middle>.foo-editor, -.foo-grid--middle>.foo-grid__item { - vertical-align: middle -} - -.foo-console .foo-terminal-output .foo-grid--bottom>.foo-output--column, -.foo-grid--bottom>.foo-console, -.foo-grid--bottom>.foo-editor, -.foo-grid--bottom>.foo-grid__item { - vertical-align: bottom -} - -.foo-grid--narrow { - margin-left: -12px -} - -.foo-console .foo-terminal-output .foo-grid--narrow>.foo-output--column, -.foo-grid--narrow>.foo-console, -.foo-grid--narrow>.foo-editor, -.foo-grid--narrow>.foo-grid__item { - padding-left: 12px -} - -.foo-grid--wide { - margin-left: -48px -} - -.foo-console .foo-terminal-output .foo-grid--wide>.foo-output--column, -.foo-grid--wide>.foo-console, -.foo-grid--wide>.foo-editor, -.foo-grid--wide>.foo-grid__item { - padding-left: 48px -} - -.foo-one-whole { - width: 100% -} - -.foo-five-tenths, -.foo-four-eighths, -.foo-one-half, -.foo-six-twelfths, -.foo-three-sixths, -.foo-two-quarters { - width: 50% -} - -.foo-console .foo-terminal-output .foo-output--column, -.foo-four-twelfths, -.foo-one-third, -.foo-two-sixths { - width: 33.333% -} - -.foo-eight-twelfths, -.foo-four-sixths, -.foo-two-thirds { - width: 66.666% -} - -.foo-one-quarter, -.foo-three-twelfths, -.foo-two-eighths { - width: 25% -} - -.foo-nine-twelfths, -.foo-six-eighths, -.foo-three-quarters { - width: 75% -} - -.foo-one-fifth, -.foo-two-tenths { - width: 20% -} - -.foo-four-tenths, -.foo-two-fifths { - width: 40% -} - -.foo-six-tenths, -.foo-three-fifths { - width: 60% -} - -.foo-eight-tenths, -.foo-four-fifths { - width: 80% -} - -.foo-one-sixth, -.foo-two-twelfths { - width: 16.666% -} - -.foo-five-sixths, -.foo-ten-twelfths { - width: 83.333% -} - -.foo-one-eighth { - width: 12.5% -} - -.foo-three-eighths { - width: 37.5% -} - -.foo-five-eighths { - width: 62.5% -} - -.foo-seven-eighths { - width: 87.5% -} - -.foo-one-tenth { - width: 10% -} - -.foo-three-tenths { - width: 30% -} - -.foo-seven-tenths { - width: 70% -} - -.foo-nine-tenths { - width: 90% -} - -.foo-one-twelfth { - width: 8.333% -} - -.foo-five-twelfths { - width: 41.666% -} - -.foo-seven-twelfths { - width: 58.333% -} - -.foo-eleven-twelfths { - width: 91.666% -} - -@media only screen and (max-width:480px) { - .foo-palm--one-whole { - width: 100% - } - - .foo-palm--five-tenths, - .foo-palm--four-eighths, - .foo-palm--one-half, - .foo-palm--six-twelfths, - .foo-palm--three-sixths, - .foo-palm--two-quarters { - width: 50% - } - - .foo-palm--four-twelfths, - .foo-palm--one-third, - .foo-palm--two-sixths { - width: 33.333% - } - - .foo-palm--eight-twelfths, - .foo-palm--four-sixths, - .foo-palm--two-thirds { - width: 66.666% - } - - .foo-palm--one-quarter, - .foo-palm--three-twelfths, - .foo-palm--two-eighths { - width: 25% - } - - .foo-palm--nine-twelfths, - .foo-palm--six-eighths, - .foo-palm--three-quarters { - width: 75% - } - - .foo-palm--one-fifth, - .foo-palm--two-tenths { - width: 20% - } - - .foo-palm--four-tenths, - .foo-palm--two-fifths { - width: 40% - } - - .foo-palm--six-tenths, - .foo-palm--three-fifths { - width: 60% - } - - .foo-palm--eight-tenths, - .foo-palm--four-fifths { - width: 80% - } - - .foo-palm--one-sixth, - .foo-palm--two-twelfths { - width: 16.666% - } - - .foo-palm--five-sixths, - .foo-palm--ten-twelfths { - width: 83.333% - } - - .foo-palm--one-eighth { - width: 12.5% - } - - .foo-palm--three-eighths { - width: 37.5% - } - - .foo-palm--five-eighths { - width: 62.5% - } - - .foo-palm--seven-eighths { - width: 87.5% - } - - .foo-palm--one-tenth { - width: 10% - } - - .foo-palm--three-tenths { - width: 30% - } - - .foo-palm--seven-tenths { - width: 70% - } - - .foo-palm--nine-tenths { - width: 90% - } - - .foo-palm--one-twelfth { - width: 8.333% - } - - .foo-palm--five-twelfths { - width: 41.666% - } - - .foo-palm--seven-twelfths { - width: 58.333% - } - - .foo-palm--eleven-twelfths { - width: 91.666% - } -} - -@media only screen and (min-width:481px) and (max-width:1023px) { - .foo-lap--one-whole { - width: 100% - } - - .foo-lap--five-tenths, - .foo-lap--four-eighths, - .foo-lap--one-half, - .foo-lap--six-twelfths, - .foo-lap--three-sixths, - .foo-lap--two-quarters { - width: 50% - } - - .foo-lap--four-twelfths, - .foo-lap--one-third, - .foo-lap--two-sixths { - width: 33.333% - } - - .foo-lap--eight-twelfths, - .foo-lap--four-sixths, - .foo-lap--two-thirds { - width: 66.666% - } - - .foo-lap--one-quarter, - .foo-lap--three-twelfths, - .foo-lap--two-eighths { - width: 25% - } - - .foo-lap--nine-twelfths, - .foo-lap--six-eighths, - .foo-lap--three-quarters { - width: 75% - } - - .foo-lap--one-fifth, - .foo-lap--two-tenths { - width: 20% - } - - .foo-lap--four-tenths, - .foo-lap--two-fifths { - width: 40% - } - - .foo-lap--six-tenths, - .foo-lap--three-fifths { - width: 60% - } - - .foo-lap--eight-tenths, - .foo-lap--four-fifths { - width: 80% - } - - .foo-lap--one-sixth, - .foo-lap--two-twelfths { - width: 16.666% - } - - .foo-lap--five-sixths, - .foo-lap--ten-twelfths { - width: 83.333% - } - - .foo-lap--one-eighth { - width: 12.5% - } - - .foo-lap--three-eighths { - width: 37.5% - } - - .foo-lap--five-eighths { - width: 62.5% - } - - .foo-lap--seven-eighths { - width: 87.5% - } - - .foo-lap--one-tenth { - width: 10% - } - - .foo-lap--three-tenths { - width: 30% - } - - .foo-lap--seven-tenths { - width: 70% - } - - .foo-lap--nine-tenths { - width: 90% - } - - .foo-lap--one-twelfth { - width: 8.333% - } - - .foo-lap--five-twelfths { - width: 41.666% - } - - .foo-lap--seven-twelfths { - width: 58.333% - } - - .foo-lap--eleven-twelfths { - width: 91.666% - } -} - -@media only screen and (max-width:1023px) { - - .foo-console, - .foo-editor, - .foo-portable--one-whole { - width: 100% - } - - .foo-portable--five-tenths, - .foo-portable--four-eighths, - .foo-portable--one-half, - .foo-portable--six-twelfths, - .foo-portable--three-sixths, - .foo-portable--two-quarters { - width: 50% - } - - .foo-portable--four-twelfths, - .foo-portable--one-third, - .foo-portable--two-sixths { - width: 33.333% - } - - .foo-portable--eight-twelfths, - .foo-portable--four-sixths, - .foo-portable--two-thirds { - width: 66.666% - } - - .foo-portable--one-quarter, - .foo-portable--three-twelfths, - .foo-portable--two-eighths { - width: 25% - } - - .foo-portable--nine-twelfths, - .foo-portable--six-eighths, - .foo-portable--three-quarters { - width: 75% - } - - .foo-portable--one-fifth, - .foo-portable--two-tenths { - width: 20% - } - - .foo-portable--four-tenths, - .foo-portable--two-fifths { - width: 40% - } - - .foo-portable--six-tenths, - .foo-portable--three-fifths { - width: 60% - } - - .foo-portable--eight-tenths, - .foo-portable--four-fifths { - width: 80% - } - - .foo-portable--one-sixth, - .foo-portable--two-twelfths { - width: 16.666% - } - - .foo-portable--five-sixths, - .foo-portable--ten-twelfths { - width: 83.333% - } - - .foo-portable--one-eighth { - width: 12.5% - } - - .foo-portable--three-eighths { - width: 37.5% - } - - .foo-portable--five-eighths { - width: 62.5% - } - - .foo-portable--seven-eighths { - width: 87.5% - } - - .foo-portable--one-tenth { - width: 10% - } - - .foo-portable--three-tenths { - width: 30% - } - - .foo-portable--seven-tenths { - width: 70% - } - - .foo-portable--nine-tenths { - width: 90% - } - - .foo-portable--one-twelfth { - width: 8.333% - } - - .foo-portable--five-twelfths { - width: 41.666% - } - - .foo-portable--seven-twelfths { - width: 58.333% - } - - .foo-portable--eleven-twelfths { - width: 91.666% - } -} - -@media only screen and (min-width:1024px) { - .foo-desk--one-whole { - width: 100% - } - - .foo-desk--five-tenths, - .foo-desk--four-eighths, - .foo-desk--one-half, - .foo-desk--six-twelfths, - .foo-desk--three-sixths, - .foo-desk--two-quarters { - width: 50% - } - - .foo-desk--four-twelfths, - .foo-desk--one-third, - .foo-desk--two-sixths { - width: 33.333% - } - - .foo-desk--eight-twelfths, - .foo-desk--four-sixths, - .foo-desk--two-thirds { - width: 66.666% - } - - .foo-desk--one-quarter, - .foo-desk--three-twelfths, - .foo-desk--two-eighths { - width: 25% - } - - .foo-desk--nine-twelfths, - .foo-desk--six-eighths, - .foo-desk--three-quarters { - width: 75% - } - - .foo-desk--one-fifth, - .foo-desk--two-tenths { - width: 20% - } - - .foo-desk--four-tenths, - .foo-desk--two-fifths { - width: 40% - } - - .foo-desk--six-tenths, - .foo-desk--three-fifths { - width: 60% - } - - .foo-desk--eight-tenths, - .foo-desk--four-fifths { - width: 80% - } - - .foo-desk--one-sixth, - .foo-desk--two-twelfths { - width: 16.666% - } - - .foo-desk--five-sixths, - .foo-desk--ten-twelfths { - width: 83.333% - } - - .foo-desk--one-eighth { - width: 12.5% - } - - .foo-desk--three-eighths { - width: 37.5% - } - - .foo-desk--five-eighths { - width: 62.5% - } - - .foo-desk--seven-eighths { - width: 87.5% - } - - .foo-desk--one-tenth { - width: 10% - } - - .foo-desk--three-tenths { - width: 30% - } - - .foo-desk--seven-tenths { - width: 70% - } - - .foo-desk--nine-tenths { - width: 90% - } - - .foo-desk--one-twelfth { - width: 8.333% - } - - .foo-desk--five-twelfths { - width: 41.666% - } - - .foo-desk--seven-twelfths { - width: 58.333% - } - - .foo-desk--eleven-twelfths { - width: 91.666% - } -} - -.foo-cmd .foo-format, -.foo-cmd .foo-prompt div, -.foo-footer li, -.foo-terminal .foo-terminal-output .foo-format, -.foo-terminal .foo-terminal-output div span { - display: inline-block -} - -.foo-cmd .foo-clipboard { - position: absolute; - top: 0; - left: 0; - opacity: .01; - width: 2px -} - -.foo-terminal { - padding: 10px; - position: relative; - overflow: hidden -} - -.foo-cmd { - padding: 0; - margin: 0; - height: 1.3em -} - -.foo-cmd .foo-cursor.foo-blink { - -webkit-animation: blink 1s infinite steps(1, start); - animation: blink 1s infinite steps(1, start) -} - -@-webkit-keyframes blink { - - 0%, - to { - background-color: #111; - color: #f48020 - } - - 50% { - background-color: #f48020; - color: #111 - } -} - -@keyframes blink { - - 0%, - to { - background-color: #111; - color: #f48020 - } - - 50% { - background-color: #f48020; - color: #111 - } -} - -.foo-cmd .foo-prompt, -.foo-terminal .foo-terminal-output div div { - display: block; - line-height: 14px; - height: auto -} - -.foo-cmd .foo-prompt, -.foo-cmd span { - float: left -} - -.foo-cmd, -.foo-terminal { - font-family: FreeMono, monospace; - color: #aaa; - background-color: #000; - font-size: 12px; - line-height: 14px -} - -.foo-terminal-output>div { - min-height: 14px; - -ms-word-break: break-all; - word-break: break-word; - word-wrap: break-word -} - -.foo-cmd .foo-cursor.foo-blink, -.foo-cmd .foo-inverted, -.foo-terminal .foo-inverted { - background-color: #f48020; - color: #111 -} - -.foo-terminal .foo-terminal-output div.foo-error, -.foo-terminal .foo-terminal-output div.foo-error div { - color: red -} - -.foo-tilda { - position: fixed; - top: 0; - left: 0; - width: 100%; - z-index: 1100 -} - -.foo-clear { - clear: both -} - -/* share-tech-mono-regular - latin */ -@font-face { - font-family: 'Share Tech Mono'; - font-style: normal; - font-weight: 400; - src: url('/website/fonts/share-tech-mono-v15-latin-regular.eot'); - /* IE9 Compat Modes */ - src: local(''), - url('/website/fonts/share-tech-mono-v15-latin-regular.eot?#iefix') format('embedded-opentype'), - /* IE6-IE8 */ - url('/website/fonts/share-tech-mono-v15-latin-regular.woff2') format('woff2'), - /* Super Modern Browsers */ - url('/website/fonts/share-tech-mono-v15-latin-regular.woff') format('woff'), - /* Modern Browsers */ - url('/website/fonts/share-tech-mono-v15-latin-regular.ttf') format('truetype'), - /* Safari, Android, iOS */ - url('/website/fonts/share-tech-mono-v15-latin-regular.svg#ShareTechMono') format('svg'); - /* Legacy iOS */ -} - - -@keyframes blink { - - 0%, - to { - background-color: transparent - } - - 50% { - background-color: #f48020 - } -} - -@-webkit-keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0) - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none - } -} - -@keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0) - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none - } -} - -@-webkit-keyframes fadeOutDown { - 0% { - opacity: 1 - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0) - } -} - -@keyframes fadeOutDown { - 0% { - opacity: 1 - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0) - } -} - -@-webkit-keyframes flash { - - 0%, - 50%, - to { - opacity: 1 - } - - 25%, - 75% { - opacity: 0 - } -} - -@keyframes flash { - - 0%, - 50%, - to { - opacity: 1 - } - - 25%, - 75% { - opacity: 0 - } -} - -.foo-fadeInUp, -.foo-fadeOutDown { - -webkit-animation-duration: .3s; - animation-duration: .3s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both -} - -.foo-fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown -} - -.foo-fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp -} - -.foo-close, -.foo-grab-bg, -.foo-grab-bg-h, -.foo-resizer i.foo-horizontal, -.foo-resizer i.foo-vertical { - background-image: url(../img/sprite.png); - background-repeat: no-repeat -} - -.foo-grab-bg, -.foo-resizer i.foo-vertical { - background-position: 0 0; - width: 9px; - height: 32px -} - -.foo-grab-bg-h, -.foo-resizer i.foo-horizontal { - background-position: -9px 0; - width: 32px; - height: 9px -} - -.foo-close { - background-position: -9px -9px; - width: 18px; - height: 18px -} - -@media screen and (-webkit-min-device-pixel-ratio:1), -screen and (min--moz-device-pixel-ratio:1), -screen and (-o-min-device-pixel-ratio:100/100), -screen and (min-device-pixel-ratio:1), -screen and (min-resolution:1dppx) { - - .foo-close, - .foo-grab-bg, - .foo-grab-bg-h, - .foo-resizer i.foo-horizontal, - .foo-resizer i.foo-vertical { - background-image: url(../img/sprite.png); - background-size: 41px 32px - } -} - -@media screen and (-webkit-min-device-pixel-ratio:2), -screen and (min--moz-device-pixel-ratio:2), -screen and (-o-min-device-pixel-ratio:200/100), -screen and (min-device-pixel-ratio:2), -screen and (min-resolution:2dppx) { - - .foo-close, - .foo-grab-bg, - .foo-grab-bg-h, - .foo-resizer i.foo-horizontal, - .foo-resizer i.foo-vertical { - background-image: url(../img/sprite@2x.png); - background-size: 41px 32px - } -} - -*, -:after, -:before { - box-sizing: border-box -} - -body, -html { - height: 100% -} - -body { - background-color: #2b2d2d; - color: #fff; - font: 16px/1.2 "Share Tech Mono", monospace; - -webkit-font-smoothing: antialiased -} - -.foo-contact, -.foo-content { - height: 100%; - position: relative -} - -.foo-content:after, -.foo-content:before { - content: ' '; - display: table -} - -.foo-content:after { - clear: both -} - -.foo-contact { - height: 10% -} - -.foo-contact:after, -.foo-contact:before { - content: ' '; - display: table -} - -.foo-contact:after { - clear: both -} - -@media only screen and (min-width:1024px) { - .foo-logo { - border-right: 1px solid #35bdb8; - float: left; - height: 100%; - position: relative; - text-align: center; - width: 140px - } - - .foo-logo img { - margin-top: 25%; - width: 55% - } -} - -@media only screen and (max-width:1023px) { - .foo-logo { - float: top; - border-bottom: 1px solid #35bdb8; - position: relative; - text-align: left; - } - - .foo-logo img { - margin-left: 3%; - margin-top: 3%; - margin-bottom: 3%; - height: 3%; - width: 7%; - } -} - -.foo-footer { - position: absolute; - bottom: 0; - color: #999; - left: 0; - right: 0; - height: 50px; - z-index: 3; - padding: 17px 0 15px; - background-color: #3d3d3d; - font-size: 16px -} - -.foo-footer ul { - margin: 0; - padding: 0 0 0 16px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis -} - -.foo-footer li { - margin-right: 16px -} - -.foo-footer li:last-child, -.foo-shortcuts__legend li:last-child { - margin-right: 0 -} - -.foo-btn, -.foo-footer a { - color: #d7d7d7; - text-decoration: none -} - -.foo-footer a:hover { - color: #35bdb8 -} - -.foo-console.foo-terminal .foo-animation { - overflow: hidden -} - -.foo-console.foo-terminal .foo-animation__frame { - font-size: 12px !important; - line-height: 14px !important; - width: 999em; - white-space: pre; - display: none -} - -.foo-console.foo-terminal .foo-animation__frame--visible { - display: block -} - -.foo-btn { - background-color: #ef67a5; - color: #111; - padding: 0 .1em; - border: none; - outline: none; - font-family: inherit; - font-size: inherit; - cursor: pointer -} - -.foo-interface { - z-index: 1; - overflow: hidden; - background-color: #111; - transition: background-color .15s ease; - position: absolute; - bottom: 50px; - right: 0 -} - -@media only screen and (max-width:1023px) { - .foo-interface { - top: 140px; - left: 0 - } -} - -@media only screen and (min-width:1024px) { - .foo-interface { - - top: 0; - left: 140px - } -} - -.foo-interface.foo-editor--opened { - background-color: #2b2d2d -} - -.foo-interface.foo-is-resizing { - cursor: col-resize -} - -.foo-interface .foo-console { - border: 2px solid transparent -} - -.foo-interface .foo-console:focus { - border-color: #f4b400 -} - -.foo-interface .foo-editor .foo-editor__head { - border: 2px solid transparent; - border-bottom: 1px solid #35bdb8 -} - -.foo-interface .foo-editor .foo-editor__foot { - border: 2px solid transparent; - border-bottom: 2px solid transparent; - border-top: 1px solid #35bdb8 -} - -.foo-interface .foo-editor .foo-editor__content { - border-left: 2px solid transparent; - border-right: 2px solid transparent -} - -.foo-interface .foo-editor:focus .foo-editor__content, -.foo-interface .foo-editor:focus .foo-editor__head { - border-left-color: #f4b400; - border-right-color: #f4b400 -} - -.foo-interface .foo-editor:focus .foo-editor__head { - border-top-color: #f4b400 -} - -.foo-interface .foo-editor:focus .foo-editor__foot { - border-left-color: #f4b400; - border-right-color: #f4b400; - border-bottom-color: #f4b400; - border-top: 1px solid #35bdb8 -} - -.foo-console { - width: 100%; - height: 100%; - overflow-y: auto; - padding-right: 32px; - z-index: 2 -} - -.foo-console::-webkit-scrollbar-track { - background-color: #262828 -} - -.foo-console::-webkit-scrollbar { - width: 10px; - background-color: #5b5b5b; - padding: 3px -} - -.foo-console::-webkit-scrollbar-thumb { - background-color: #5b5b5b -} - -@media only screen and (max-width:1023px) { - .foo-console { - padding-right: 10px; - padding-bottom: 32px; - bottom: 0 - } -} - -.foo-editor--opened .foo-console { - width: 49% -} - -@media only screen and (max-width:1023px) { - .foo-editor--opened .foo-console { - width: 100% !important; - height: 49% - } -} - -@media only screen and (min-width:1024px) { - .foo-editor--opened .foo-console { - height: 100% !important - } -} - -.foo-console, -.foo-console .foo-cmd { - background-color: #2b2d2d; - transition: background-color .15s ease -} - -.foo-console.foo-active, -.foo-console.foo-active .foo-cmd { - background-color: #111 -} - -.foo-question__options li { - padding-left: 36px; - position: relative -} - -.foo-question__options li:before { - content: "\2B21"; - position: absolute; - left: 6px; - top: -1px -} - -.foo-question__options li.foo-option--selected:before { - content: "\2B22"; - color: #00e575 -} - -.foo-question__options li.foo-option--selected:after { - content: "\276F"; - position: absolute; - left: -5px; - top: 0 -} - -.foo-console, -.foo-console .foo-cmd { - /* font-family: "Share Tech Mono", monospace; */ - color: #fff -} - -.foo-console, -.foo-console .foo-cmd, -.foo-console .foo-cmd .foo-prompt, -.foo-console.foo-terminal .foo-terminal-output div div { - font-size: 16px; - line-height: 1.4 -} - -.foo-console.foo-terminal .foo-terminal-output div div { - margin-bottom: 8px -} - -.foo-console .foo-terminal-output .foo-output--prompt, -.foo-console .foo-terminal-output .foo-preformatted { - white-space: pre-wrap -} - -.foo-console .foo-terminal-output .foo-output--column:nth-child(3n+1) { - padding-left: 0 -} - -.foo-console .foo-terminal-output .foo-terminal-list { - display: table-row; - margin: 20px 0 -} - -.foo-console .foo-terminal-output .foo-list--padded { - display: table-cell -} - -.foo-console .foo-terminal-output .foo-list--padded:not(.foo-preformatted) { - width: 12ex -} - -.foo-console .foo-terminal-output .foo-list--definition { - display: table-cell; - position: relative; - text-transform: lowercase -} - -.foo-console .foo-terminal-output .foo-list--definition:before { - content: '- '; - position: absolute; - left: -2ex -} - -.foo-output--prompt { - word-break: break-all -} - -.foo-console .foo-prompt, -.foo-terminal-output .foo-output--prompt span { - color: #f48020 -} - -.foo-console .foo-prompt.foo-is-disabled { - pointer-events: none; - display: none -} - -.foo-console .foo-cmd .foo-cursor { - background-color: #f48020; - color: #fff -} - -.foo-term-pink { - color: #ef67a5 -} - -.foo-console .foo-terminal-output .foo-list--folder, -.foo-term-blue { - color: #35bdb8 -} - -.foo-term-green { - color: #00e575 -} - -.foo-term-orange { - color: #f48020 -} - -.foo-term-red { - color: #ec1b52 -} - -.foo-term-yellow { - color: #f4b400 -} - -.foo-console .foo-prompt+span, -.foo-term-white { - color: #fff -} - -.foo-term-grey { - color: #656565 -} - -.foo-term-story { - border-left: 8px solid #ef67a5; - color: #35bdb8; - padding: 5px 10px; - margin: 12px 0 -} - -.foo-editor { - height: 100%; - opacity: 0; - overflow: hidden; - padding: 0; - position: relative; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; - transition: transform .2s ease-in-out, opacity .2s ease-in-out; - width: 49%; - z-index: 4 -} - -@media only screen and (max-width:1023px) { - .foo-editor { - height: 49%; - width: 100% !important; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0) - } -} - -@media only screen and (min-width:1024px) { - .foo-editor { - height: 100% !important - } -} - -.foo-editor.foo-editor--opened { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0) -} - -.foo-editor.foo-editor--dirty .foo-editor__filename:after { - content: '*' -} - -.foo-editor.foo-editor--dirty .foo-editor__save:not(.foo-editor__save--disabled) { - cursor: pointer; - background-color: #ef67a5; - color: #2b2d2d -} - -.foo-editor.foo-active .foo-editor__resizer { - background-color: #2b2d2d -} - -.foo-editor.foo-active .foo-editor__resizer:hover { - background-color: #373a3a -} - -.foo-ace_editor { - font-family: "Share Tech Mono", monospace !important; - line-height: 1.4 !important; - font-size: 16px !important -} - -.foo-ace_scrollbar::-webkit-scrollbar-track { - background-color: #262828 -} - -.foo-ace_scrollbar::-webkit-scrollbar { - width: 10px; - background-color: #5b5b5b; - padding: 3px -} - -.foo-ace_scrollbar::-webkit-scrollbar-thumb { - background-color: #5b5b5b -} - -.foo-editor__content { - position: absolute !important; - top: 34px; - bottom: 38px; - left: 0; - right: 0 -} - -.foo-editor__content.foo-ace-monokai, -.foo-editor__content.foo-ace-monokai .foo-ace_gutter, -.foo-editor__content.foo-ace-monokai .foo-ace_gutter-active-line { - background-color: #2b2d2d; - transition: background-color .15s ease -} - -.foo-editor__content.foo-ace_editor.foo-ace-monokai .foo-ace_marker-layer .foo-ace_selection { - background: #444 -} - -.foo-editor__content.foo-active, -.foo-editor__content.foo-active .foo-ace-content { - background-color: #111 -} - -.foo-editor__content.foo-active .foo-ace-content .foo-ace_gutter, -.foo-editor__content.foo-active .foo-ace_gutter { - background-color: #000 !important -} - -.foo-editor__content.foo-ace-monokai.foo-active .foo-ace_gutter-active-line { - background-color: #272727 -} - -.foo-editor__content.foo-ace-monokai .foo-ace_comment { - color: #86816b -} - -.foo-editor.foo-editor-prompter--active .foo-editor__content { - pointer-events: none !important -} - -.foo-editor.foo-editor-prompter--active .foo-editor__content .foo-ace_cursor { - display: none -} - -.foo-editor__head { - height: 34px; - top: 0; - border-bottom: 1px solid #35bdb8 -} - -.foo-editor__foot, -.foo-editor__head { - position: absolute; - width: 100%; - background-color: #666; - padding: 8px 10px -} - -.foo-editor__head__meta-data { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis -} - -.foo-editor__close { - float: right; - cursor: pointer; - border: none; - outline: none; - background-color: transparent; - margin: 0 -} - -.foo-editor__save { - cursor: default; - background-color: transparent; - color: #f0f0f0; - transition: background-color .2s ease-in-out, color .2s ease-in-out -} - -.foo-editor__save[disabled] { - cursor: not-allowed -} - -.foo-editor__foot { - top: auto; - bottom: 0; - border-bottom: none; - border-top: 1px solid #35bdb8; - z-index: 10; - height: 38px; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - transition: -webkit-transform .2s ease-out, opacity .2s ease-out; - transition: transform .2s ease-out, opacity .2s ease-out -} - -.foo-editor.foo-editor-prompter--active .foo-editor__foot { - opacity: 0; - -webkit-transform: translate3d(0, 40px, 0); - transform: translate3d(0, 40px, 0) -} - -.foo-error { - position: absolute; - top: 40%; - left: 20%; - width: 60%; - height: 40%; - text-align: center -} - -.foo-error__logo { - width: 130px; - height: 120px -} - -.foo-error__message { - margin-top: 60px; - line-height: 1.6 -} - -.foo-error__message a { - color: #fff; - background-color: #35bdb8; - text-decoration: none -} - -.foo-countdown-timer__holder { - position: absolute; - bottom: 50px; - left: 0; - z-index: 20 -} - -.foo-countdown-timer .foo-countdown-timer__time { - background-color: #666; - transition: background-color .15s ease -} - -.foo-countdown-timer__text { - background-color: #666 -} - -.foo-countdown-timer--low .foo-countdown-timer__text, -.foo-countdown-timer--low .foo-countdown-timer__time { - background-color: #ec1b52 -} - -.foo-countdown-timer--low { - -webkit-animation: flash 1s .75s 2 normal both; - animation: flash 1s .75s 2 normal both -} - -.foo-countdown-timer__time { - padding: 9px 8px -} - -.foo-countdown-timer { - display: none; - width: 139px; - text-align: center; - position: relative; - border-top: 1px solid #2b2d2d; - cursor: default -} - -.foo-countdown-timer:first-child { - border-top: 0 -} - -.foo-countdown-timer__text { - position: absolute; - bottom: 0; - white-space: nowrap; - padding: 9px 10px; - z-index: -1; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - transition: -webkit-transform .2s ease-out; - transition: transform .2s ease-out -} - -.foo-ie9 .foo-countdown-timer__text { - left: -300px -} - -.foo-countdown-timer__time, -.foo-prompter { - width: 100%; - display: block; - position: relative; - z-index: 2 -} - -.foo-countdown-timer__time:hover+.foo-countdown-timer__text { - -webkit-transform: translate3d(130px, 0, 0); - transform: translate3d(130px, 0, 0) -} - -.foo-ie9 .foo-countdown-timer__time:hover+.foo-countdown-timer__text { - left: 139px -} - -.foo-prompter { - position: absolute; - bottom: 0; - opacity: 1; - z-index: 20; - padding: 20px; - border-top: 1px solid #35bdb8; - background-color: #666; - color: #fff; - transition: all .3s ease-out -} - -.foo-prompter.foo-is-hidden { - bottom: -30px; - opacity: 0; - z-index: -1 -} - -.foo-prompter__text input { - font-family: "Share Tech Mono", monospace; - font-size: 16px; - line-height: 1.2; - -webkit-font-smoothing: antialiased; - border: none; - color: inherit; - margin: 0; - padding: 0; - background-color: transparent; - outline-style: none; - box-shadow: none -} - -.foo-resizer { - display: none; - position: relative; - height: 100%; - width: 2%; - background-color: #111; - transition: background-color .15s ease; - cursor: col-resize; - z-index: 10 -} - -.foo-editor--opened .foo-resizer { - display: inline-block -} - -.foo-editor--is-active .foo-resizer { - background-color: #2b2d2d -} - -.foo-resizer:hover { - background-color: #1e1e1e -} - -.foo-resizer i { - position: absolute; - top: 50%; - left: 50% -} - -.foo-resizer i.foo-vertical { - margin: -16px 0 0 -5px; - cursor: col-resize -} - -.foo-resizer i.foo-horizontal { - margin: -5px 0 0 -16px; - cursor: row-resize; - display: none -} - -@media only screen and (max-width:1023px) { - .foo-resizer { - width: 100%; - height: 2%; - cursor: row-resize - } - - .foo-resizer i.foo-vertical { - display: none - } - - .foo-editor--opened .foo-resizer, - .foo-resizer i.foo-horizontal { - display: block - } -} - -.foo-shortcuts { - position: absolute; - bottom: 9px; - right: 10px; - z-index: 12; - font-size: 14px; - color: #f0f0f0 -} - -.foo-shortcuts__legend li { - display: inline-block; - margin-right: 10px -} - -.foo-shortcut.foo-shortcut--control-command:before, -.foo-shortcut.foo-shortcut--control:before { - content: '^' -} - -.foo-shortcuts--mac .foo-shortcut--control-command:before { - content: '\2318' -} - -.foo-support { - position: absolute; - top: 0; - left: 20%; - width: 60%; - height: 40%; - text-align: center -} - -.foo-support__message { - margin-top: 60px; - line-height: 1.6 -} - -.foo-support__message a { - color: #fff; - text-decoration: underline -} - -.foo-cf:after, -.foo-cf:before { - content: ' '; - display: table -} - -.foo-cf:after { - clear: both -} \ No newline at end of file diff --git a/public/foo-style.min.css b/public/foo-style.min.css deleted file mode 100644 index 66b826f..0000000 --- a/public/foo-style.min.css +++ /dev/null @@ -1 +0,0 @@ -@charset "UTF-8";a, acronym, address, applet, aside, audio, big, blockquote, canvas, caption, center, cite, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, footer, form, header, hgroup, html, img, ins, kbd, label, legend, li, mark, menu, nav, object, output, q, ruby, s, samp, small, strike, strong, sub, summary, sup, time, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline }body {margin: 0;padding: 0;border: 0;vertical-align: baseline;line-height: 1 }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block }ul {list-style: none }blockquote, q {quotes: none }blockquote:after, blockquote:before, q:after, q:before {content: none }.foo-footer ul, .foo-grid {list-style: none;padding: 0;margin: 0 0 0 -24px }.foo-grid__item {display: inline-block;vertical-align: top;width: 100%;box-sizing: border-box }.foo-console, .foo-console .foo-terminal-output .foo-output--column, .foo-grid__item {padding-left: 24px }.foo-console, .foo-console .foo-terminal-output .foo-output--column, .foo-editor {display: inline-block;vertical-align: top;box-sizing: border-box }.foo-grid--rev {direction: rtl;text-align: left }.foo-console .foo-terminal-output .foo-grid--rev>.foo-output--column, .foo-grid--rev>.foo-console, .foo-grid--rev>.foo-editor, .foo-grid--rev>.foo-grid__item {direction: ltr;text-align: left }.foo-grid--full {margin-left: 0 }.foo-console .foo-terminal-output .foo-grid--full>.foo-output--column, .foo-grid--full>.foo-console, .foo-grid--full>.foo-editor, .foo-grid--full>.foo-grid__item {padding-left: 0 }.foo-grid--right {text-align: right }.foo-console .foo-terminal-output .foo-grid--center>.foo-output--column, .foo-console .foo-terminal-output .foo-grid--right>.foo-output--column, .foo-grid--center>.foo-console, .foo-grid--center>.foo-editor, .foo-grid--center>.foo-grid__item, .foo-grid--right>.foo-console, .foo-grid--right>.foo-editor, .foo-grid--right>.foo-grid__item {text-align: left }.foo-grid--center {text-align: center }.foo-console .foo-terminal-output .foo-grid--middle>.foo-output--column, .foo-grid--middle>.foo-console, .foo-grid--middle>.foo-editor, .foo-grid--middle>.foo-grid__item {vertical-align: middle }.foo-console .foo-terminal-output .foo-grid--bottom>.foo-output--column, .foo-grid--bottom>.foo-console, .foo-grid--bottom>.foo-editor, .foo-grid--bottom>.foo-grid__item {vertical-align: bottom }.foo-grid--narrow {margin-left: -12px }.foo-console .foo-terminal-output .foo-grid--narrow>.foo-output--column, .foo-grid--narrow>.foo-console, .foo-grid--narrow>.foo-editor, .foo-grid--narrow>.foo-grid__item {padding-left: 12px }.foo-grid--wide {margin-left: -48px }.foo-console .foo-terminal-output .foo-grid--wide>.foo-output--column, .foo-grid--wide>.foo-console, .foo-grid--wide>.foo-editor, .foo-grid--wide>.foo-grid__item {padding-left: 48px }.foo-one-whole {width: 100% }.foo-five-tenths, .foo-four-eighths, .foo-one-half, .foo-six-twelfths, .foo-three-sixths, .foo-two-quarters {width: 50% }.foo-console .foo-terminal-output .foo-output--column, .foo-four-twelfths, .foo-one-third, .foo-two-sixths {width: 33.333% }.foo-eight-twelfths, .foo-four-sixths, .foo-two-thirds {width: 66.666% }.foo-one-quarter, .foo-three-twelfths, .foo-two-eighths {width: 25% }.foo-nine-twelfths, .foo-six-eighths, .foo-three-quarters {width: 75% }.foo-one-fifth, .foo-two-tenths {width: 20% }.foo-four-tenths, .foo-two-fifths {width: 40% }.foo-six-tenths, .foo-three-fifths {width: 60% }.foo-eight-tenths, .foo-four-fifths {width: 80% }.foo-one-sixth, .foo-two-twelfths {width: 16.666% }.foo-five-sixths, .foo-ten-twelfths {width: 83.333% }.foo-one-eighth {width: 12.5% }.foo-three-eighths {width: 37.5% }.foo-five-eighths {width: 62.5% }.foo-seven-eighths {width: 87.5% }.foo-one-tenth {width: 10% }.foo-three-tenths {width: 30% }.foo-seven-tenths {width: 70% }.foo-nine-tenths {width: 90% }.foo-one-twelfth {width: 8.333% }.foo-five-twelfths {width: 41.666% }.foo-seven-twelfths {width: 58.333% }.foo-eleven-twelfths {width: 91.666% }@media only screen and (max-width:480px) {.foo-palm--one-whole {width: 100% }.foo-palm--five-tenths, .foo-palm--four-eighths, .foo-palm--one-half, .foo-palm--six-twelfths, .foo-palm--three-sixths, .foo-palm--two-quarters {width: 50% }.foo-palm--four-twelfths, .foo-palm--one-third, .foo-palm--two-sixths {width: 33.333% }.foo-palm--eight-twelfths, .foo-palm--four-sixths, .foo-palm--two-thirds {width: 66.666% }.foo-palm--one-quarter, .foo-palm--three-twelfths, .foo-palm--two-eighths {width: 25% }.foo-palm--nine-twelfths, .foo-palm--six-eighths, .foo-palm--three-quarters {width: 75% }.foo-palm--one-fifth, .foo-palm--two-tenths {width: 20% }.foo-palm--four-tenths, .foo-palm--two-fifths {width: 40% }.foo-palm--six-tenths, .foo-palm--three-fifths {width: 60% }.foo-palm--eight-tenths, .foo-palm--four-fifths {width: 80% }.foo-palm--one-sixth, .foo-palm--two-twelfths {width: 16.666% }.foo-palm--five-sixths, .foo-palm--ten-twelfths {width: 83.333% }.foo-palm--one-eighth {width: 12.5% }.foo-palm--three-eighths {width: 37.5% }.foo-palm--five-eighths {width: 62.5% }.foo-palm--seven-eighths {width: 87.5% }.foo-palm--one-tenth {width: 10% }.foo-palm--three-tenths {width: 30% }.foo-palm--seven-tenths {width: 70% }.foo-palm--nine-tenths {width: 90% }.foo-palm--one-twelfth {width: 8.333% }.foo-palm--five-twelfths {width: 41.666% }.foo-palm--seven-twelfths {width: 58.333% }.foo-palm--eleven-twelfths {width: 91.666% }}@media only screen and (min-width:481px) and (max-width:1023px) {.foo-lap--one-whole {width: 100% }.foo-lap--five-tenths, .foo-lap--four-eighths, .foo-lap--one-half, .foo-lap--six-twelfths, .foo-lap--three-sixths, .foo-lap--two-quarters {width: 50% }.foo-lap--four-twelfths, .foo-lap--one-third, .foo-lap--two-sixths {width: 33.333% }.foo-lap--eight-twelfths, .foo-lap--four-sixths, .foo-lap--two-thirds {width: 66.666% }.foo-lap--one-quarter, .foo-lap--three-twelfths, .foo-lap--two-eighths {width: 25% }.foo-lap--nine-twelfths, .foo-lap--six-eighths, .foo-lap--three-quarters {width: 75% }.foo-lap--one-fifth, .foo-lap--two-tenths {width: 20% }.foo-lap--four-tenths, .foo-lap--two-fifths {width: 40% }.foo-lap--six-tenths, .foo-lap--three-fifths {width: 60% }.foo-lap--eight-tenths, .foo-lap--four-fifths {width: 80% }.foo-lap--one-sixth, .foo-lap--two-twelfths {width: 16.666% }.foo-lap--five-sixths, .foo-lap--ten-twelfths {width: 83.333% }.foo-lap--one-eighth {width: 12.5% }.foo-lap--three-eighths {width: 37.5% }.foo-lap--five-eighths {width: 62.5% }.foo-lap--seven-eighths {width: 87.5% }.foo-lap--one-tenth {width: 10% }.foo-lap--three-tenths {width: 30% }.foo-lap--seven-tenths {width: 70% }.foo-lap--nine-tenths {width: 90% }.foo-lap--one-twelfth {width: 8.333% }.foo-lap--five-twelfths {width: 41.666% }.foo-lap--seven-twelfths {width: 58.333% }.foo-lap--eleven-twelfths {width: 91.666% }}@media only screen and (max-width:1023px) {.foo-console, .foo-editor, .foo-portable--one-whole {width: 100% }.foo-portable--five-tenths, .foo-portable--four-eighths, .foo-portable--one-half, .foo-portable--six-twelfths, .foo-portable--three-sixths, .foo-portable--two-quarters {width: 50% }.foo-portable--four-twelfths, .foo-portable--one-third, .foo-portable--two-sixths {width: 33.333% }.foo-portable--eight-twelfths, .foo-portable--four-sixths, .foo-portable--two-thirds {width: 66.666% }.foo-portable--one-quarter, .foo-portable--three-twelfths, .foo-portable--two-eighths {width: 25% }.foo-portable--nine-twelfths, .foo-portable--six-eighths, .foo-portable--three-quarters {width: 75% }.foo-portable--one-fifth, .foo-portable--two-tenths {width: 20% }.foo-portable--four-tenths, .foo-portable--two-fifths {width: 40% }.foo-portable--six-tenths, .foo-portable--three-fifths {width: 60% }.foo-portable--eight-tenths, .foo-portable--four-fifths {width: 80% }.foo-portable--one-sixth, .foo-portable--two-twelfths {width: 16.666% }.foo-portable--five-sixths, .foo-portable--ten-twelfths {width: 83.333% }.foo-portable--one-eighth {width: 12.5% }.foo-portable--three-eighths {width: 37.5% }.foo-portable--five-eighths {width: 62.5% }.foo-portable--seven-eighths {width: 87.5% }.foo-portable--one-tenth {width: 10% }.foo-portable--three-tenths {width: 30% }.foo-portable--seven-tenths {width: 70% }.foo-portable--nine-tenths {width: 90% }.foo-portable--one-twelfth {width: 8.333% }.foo-portable--five-twelfths {width: 41.666% }.foo-portable--seven-twelfths {width: 58.333% }.foo-portable--eleven-twelfths {width: 91.666% }}@media only screen and (min-width:1024px) {.foo-desk--one-whole {width: 100% }.foo-desk--five-tenths, .foo-desk--four-eighths, .foo-desk--one-half, .foo-desk--six-twelfths, .foo-desk--three-sixths, .foo-desk--two-quarters {width: 50% }.foo-desk--four-twelfths, .foo-desk--one-third, .foo-desk--two-sixths {width: 33.333% }.foo-desk--eight-twelfths, .foo-desk--four-sixths, .foo-desk--two-thirds {width: 66.666% }.foo-desk--one-quarter, .foo-desk--three-twelfths, .foo-desk--two-eighths {width: 25% }.foo-desk--nine-twelfths, .foo-desk--six-eighths, .foo-desk--three-quarters {width: 75% }.foo-desk--one-fifth, .foo-desk--two-tenths {width: 20% }.foo-desk--four-tenths, .foo-desk--two-fifths {width: 40% }.foo-desk--six-tenths, .foo-desk--three-fifths {width: 60% }.foo-desk--eight-tenths, .foo-desk--four-fifths {width: 80% }.foo-desk--one-sixth, .foo-desk--two-twelfths {width: 16.666% }.foo-desk--five-sixths, .foo-desk--ten-twelfths {width: 83.333% }.foo-desk--one-eighth {width: 12.5% }.foo-desk--three-eighths {width: 37.5% }.foo-desk--five-eighths {width: 62.5% }.foo-desk--seven-eighths {width: 87.5% }.foo-desk--one-tenth {width: 10% }.foo-desk--three-tenths {width: 30% }.foo-desk--seven-tenths {width: 70% }.foo-desk--nine-tenths {width: 90% }.foo-desk--one-twelfth {width: 8.333% }.foo-desk--five-twelfths {width: 41.666% }.foo-desk--seven-twelfths {width: 58.333% }.foo-desk--eleven-twelfths {width: 91.666% }}.foo-cmd .foo-format, .foo-cmd .foo-prompt div, .foo-footer li, .foo-terminal .foo-terminal-output .foo-format, .foo-terminal .foo-terminal-output div span {display: inline-block }.foo-cmd .foo-clipboard {position: absolute;top: 0;left: 0;opacity: .01;width: 2px }.foo-terminal {padding: 10px;position: relative;overflow: hidden }.foo-cmd {padding: 0;margin: 0;height: 1.3em }.foo-cmd .foo-cursor.foo-blink {-webkit-animation: blink 1s infinite steps(1, start);animation: blink 1s infinite steps(1, start) }@-webkit-keyframes blink {0%, to {background-color: #111;color: #f48020 }50% {background-color: #f48020;color: #111 }}@keyframes blink {0%, to {background-color: #111;color: #f48020 }50% {background-color: #f48020;color: #111 }}.foo-cmd .foo-prompt, .foo-terminal .foo-terminal-output div div {display: block;line-height: 14px;height: auto }.foo-cmd .foo-prompt, .foo-cmd span {float: left }.foo-cmd, .foo-terminal {font-family: FreeMono, monospace;color: #aaa;background-color: #000;font-size: 12px;line-height: 14px }.foo-terminal-output>div {min-height: 14px;-ms-word-break: break-all;word-break: break-word;word-wrap: break-word }.foo-cmd .foo-cursor.foo-blink, .foo-cmd .foo-inverted, .foo-terminal .foo-inverted {background-color: #f48020;color: #111 }.foo-terminal .foo-terminal-output div.foo-error, .foo-terminal .foo-terminal-output div.foo-error div {color: red }.foo-tilda {position: fixed;top: 0;left: 0;width: 100%;z-index: 1100 }.foo-clear {clear: both }@font-face {font-family: 'Share Tech Mono';font-style: normal;font-weight: 400;src: url('/website/fonts/share-tech-mono-v15-latin-regular.eot');src: local(''), url('/website/fonts/share-tech-mono-v15-latin-regular.eot?#iefix') format('embedded-opentype'), url('/website/fonts/share-tech-mono-v15-latin-regular.woff2') format('woff2'), url('/website/fonts/share-tech-mono-v15-latin-regular.woff') format('woff'), url('/website/fonts/share-tech-mono-v15-latin-regular.ttf') format('truetype'), url('/website/fonts/share-tech-mono-v15-latin-regular.svg#ShareTechMono') format('svg');}@keyframes blink {0%, to {background-color: transparent }50% {background-color: #f48020 }}@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0) }to {opacity: 1;-webkit-transform: none;transform: none }}@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0) }to {opacity: 1;-webkit-transform: none;transform: none }}@-webkit-keyframes fadeOutDown {0% {opacity: 1 }to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0) }}@keyframes fadeOutDown {0% {opacity: 1 }to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0) }}@-webkit-keyframes flash {0%, 50%, to {opacity: 1 }25%, 75% {opacity: 0 }}@keyframes flash {0%, 50%, to {opacity: 1 }25%, 75% {opacity: 0 }}.foo-fadeInUp, .foo-fadeOutDown {-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both }.foo-fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown }.foo-fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp }.foo-close, .foo-grab-bg, .foo-grab-bg-h, .foo-resizer i.foo-horizontal, .foo-resizer i.foo-vertical {background-image: url(../img/sprite.png);background-repeat: no-repeat }.foo-grab-bg, .foo-resizer i.foo-vertical {background-position: 0 0;width: 9px;height: 32px }.foo-grab-bg-h, .foo-resizer i.foo-horizontal {background-position: -9px 0;width: 32px;height: 9px }.foo-close {background-position: -9px -9px;width: 18px;height: 18px }@media screen and (-webkit-min-device-pixel-ratio:1), screen and (min--moz-device-pixel-ratio:1), screen and (-o-min-device-pixel-ratio:100/100), screen and (min-device-pixel-ratio:1), screen and (min-resolution:1dppx) {.foo-close, .foo-grab-bg, .foo-grab-bg-h, .foo-resizer i.foo-horizontal, .foo-resizer i.foo-vertical {background-image: url(../img/sprite.png);background-size: 41px 32px }}@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min--moz-device-pixel-ratio:2), screen and (-o-min-device-pixel-ratio:200/100), screen and (min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {.foo-close, .foo-grab-bg, .foo-grab-bg-h, .foo-resizer i.foo-horizontal, .foo-resizer i.foo-vertical {background-image: url(../img/sprite@2x.png);background-size: 41px 32px }}*, :after, :before {box-sizing: border-box }body, html {height: 100% }body {background-color: #2b2d2d;color: #fff;font: 20px/1.2 "Share Tech Mono", monospace;-webkit-font-smoothing: antialiased }.foo-contact, .foo-content {height: 100%;position: relative }.foo-content:after, .foo-content:before {content: ' ';display: table }.foo-content:after {clear: both }.foo-contact {height: 10% }.foo-contact:after, .foo-contact:before {content: ' ';display: table }.foo-contact:after {clear: both }@media only screen and (min-width:1024px) {.foo-logo {border-right: 1px solid #35bdb8;float: left;height: 100%;position: relative;text-align: center;width: 140px }.foo-logo img {margin-top: 25%;width: 55% }}@media only screen and (max-width:1023px) {.foo-logo {float: top;border-bottom: 1px solid #35bdb8;position: relative;text-align: left;}.foo-logo img {margin-left: 3%;margin-top: 3%;margin-bottom: 3%;height: 3%;width: 7%;}}.foo-footer {position: absolute;bottom: 0;color: #999;left: 0;right: 0;height: 50px;z-index: 3;padding: 17px 0 15px;background-color: #3d3d3d;font-size: 16px }.foo-footer ul {margin: 0;padding: 0 0 0 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis }.foo-footer li {margin-right: 16px }.foo-footer li:last-child, .foo-shortcuts__legend li:last-child {margin-right: 0 }.foo-btn, .foo-footer a {color: #d7d7d7;text-decoration: none }.foo-footer a:hover {color: #35bdb8 }.foo-console.foo-terminal .foo-animation {overflow: hidden }.foo-console.foo-terminal .foo-animation__frame {font-size: 12px !important;line-height: 14px !important;width: 999em;white-space: pre;display: none }.foo-console.foo-terminal .foo-animation__frame--visible {display: block }.foo-btn {background-color: #ef67a5;color: #111;padding: 0 .1em;border: none;outline: none;font-family: inherit;font-size: inherit;cursor: pointer }.foo-interface {z-index: 1;overflow: hidden;background-color: #111;transition: background-color .15s ease;position: absolute;bottom: 50px;right: 0 }@media only screen and (max-width:1023px) {.foo-interface {top: 140px;left: 0 }}@media only screen and (min-width:1024px) {.foo-interface {top: 0;left: 140px }}.foo-interface.foo-editor--opened {background-color: #2b2d2d }.foo-interface.foo-is-resizing {cursor: col-resize }.foo-interface .foo-console {border: 2px solid transparent }.foo-interface .foo-console:focus {border-color: #f4b400 }.foo-interface .foo-editor .foo-editor__head {border: 2px solid transparent;border-bottom: 1px solid #35bdb8 }.foo-interface .foo-editor .foo-editor__foot {border: 2px solid transparent;border-bottom: 2px solid transparent;border-top: 1px solid #35bdb8 }.foo-interface .foo-editor .foo-editor__content {border-left: 2px solid transparent;border-right: 2px solid transparent }.foo-interface .foo-editor:focus .foo-editor__content, .foo-interface .foo-editor:focus .foo-editor__head {border-left-color: #f4b400;border-right-color: #f4b400 }.foo-interface .foo-editor:focus .foo-editor__head {border-top-color: #f4b400 }.foo-interface .foo-editor:focus .foo-editor__foot {border-left-color: #f4b400;border-right-color: #f4b400;border-bottom-color: #f4b400;border-top: 1px solid #35bdb8 }.foo-console {width: 100%;height: 100%;overflow-y: auto;padding-right: 32px;z-index: 2 }.foo-console::-webkit-scrollbar-track {background-color: #262828 }.foo-console::-webkit-scrollbar {width: 10px;background-color: #5b5b5b;padding: 3px }.foo-console::-webkit-scrollbar-thumb {background-color: #5b5b5b }@media only screen and (max-width:1023px) {.foo-console {padding-right: 10px;padding-bottom: 32px;bottom: 0 }}.foo-editor--opened .foo-console {width: 49% }@media only screen and (max-width:1023px) {.foo-editor--opened .foo-console {width: 100% !important;height: 49% }}@media only screen and (min-width:1024px) {.foo-editor--opened .foo-console {height: 100% !important }}.foo-console, .foo-console .foo-cmd {background-color: #2b2d2d;transition: background-color .15s ease }.foo-console.foo-active, .foo-console.foo-active .foo-cmd {background-color: #111 }.foo-question__options li {padding-left: 36px;position: relative }.foo-question__options li:before {content: "\2B21";position: absolute;left: 6px;top: -1px }.foo-question__options li.foo-option--selected:before {content: "\2B22";color: #00e575 }.foo-question__options li.foo-option--selected:after {content: "\276F";position: absolute;left: -5px;top: 0 }.foo-console, .foo-console .foo-cmd {color: #fff }.foo-console, .foo-console .foo-cmd, .foo-console .foo-cmd .foo-prompt, .foo-console.foo-terminal .foo-terminal-output div div {font-size: 16px;line-height: 1.4 }.foo-console.foo-terminal .foo-terminal-output div div {margin-bottom: 8px }.foo-console .foo-terminal-output .foo-output--prompt, .foo-console .foo-terminal-output .foo-preformatted {white-space: pre-wrap }.foo-console .foo-terminal-output .foo-output--column:nth-child(3n+1) {padding-left: 0 }.foo-console .foo-terminal-output .foo-terminal-list {display: table-row;margin: 20px 0 }.foo-console .foo-terminal-output .foo-list--padded {display: table-cell }.foo-console .foo-terminal-output .foo-list--padded:not(.foo-preformatted) {width: 12ex }.foo-console .foo-terminal-output .foo-list--definition {display: table-cell;position: relative;text-transform: lowercase }.foo-console .foo-terminal-output .foo-list--definition:before {content: '- ';position: absolute;left: -2ex }.foo-output--prompt {word-break: break-all }.foo-console .foo-prompt, .foo-terminal-output .foo-output--prompt span {color: #f48020 }.foo-console .foo-prompt.foo-is-disabled {pointer-events: none;display: none }.foo-console .foo-cmd .foo-cursor {background-color: #f48020;color: #fff }.foo-term-pink {color: #ef67a5 }.foo-console .foo-terminal-output .foo-list--folder, .foo-term-blue {color: #35bdb8 }.foo-term-green {color: #00e575 }.foo-term-orange {color: #f48020 }.foo-term-red {color: #ec1b52 }.foo-term-yellow {color: #f4b400 }.foo-console .foo-prompt+span, .foo-term-white {color: #fff }.foo-term-grey {color: #656565 }.foo-term-story {border-left: 8px solid #ef67a5;color: #35bdb8;padding: 5px 10px;margin: 12px 0 }.foo-editor {height: 100%;opacity: 0;overflow: hidden;padding: 0;position: relative;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out;transition: transform .2s ease-in-out, opacity .2s ease-in-out;width: 49%;z-index: 4 }@media only screen and (max-width:1023px) {.foo-editor {height: 49%;width: 100% !important;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0) }}@media only screen and (min-width:1024px) {.foo-editor {height: 100% !important }}.foo-editor.foo-editor--opened {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0) }.foo-editor.foo-editor--dirty .foo-editor__filename:after {content: '*' }.foo-editor.foo-editor--dirty .foo-editor__save:not(.foo-editor__save--disabled) {cursor: pointer;background-color: #ef67a5;color: #2b2d2d }.foo-editor.foo-active .foo-editor__resizer {background-color: #2b2d2d }.foo-editor.foo-active .foo-editor__resizer:hover {background-color: #373a3a }.foo-ace_editor {font-family: "Share Tech Mono", monospace !important;line-height: 1.4 !important;font-size: 16px !important }.foo-ace_scrollbar::-webkit-scrollbar-track {background-color: #262828 }.foo-ace_scrollbar::-webkit-scrollbar {width: 10px;background-color: #5b5b5b;padding: 3px }.foo-ace_scrollbar::-webkit-scrollbar-thumb {background-color: #5b5b5b }.foo-editor__content {position: absolute !important;top: 34px;bottom: 38px;left: 0;right: 0 }.foo-editor__content.foo-ace-monokai, .foo-editor__content.foo-ace-monokai .foo-ace_gutter, .foo-editor__content.foo-ace-monokai .foo-ace_gutter-active-line {background-color: #2b2d2d;transition: background-color .15s ease }.foo-editor__content.foo-ace_editor.foo-ace-monokai .foo-ace_marker-layer .foo-ace_selection {background: #444 }.foo-editor__content.foo-active, .foo-editor__content.foo-active .foo-ace-content {background-color: #111 }.foo-editor__content.foo-active .foo-ace-content .foo-ace_gutter, .foo-editor__content.foo-active .foo-ace_gutter {background-color: #000 !important }.foo-editor__content.foo-ace-monokai.foo-active .foo-ace_gutter-active-line {background-color: #272727 }.foo-editor__content.foo-ace-monokai .foo-ace_comment {color: #86816b }.foo-editor.foo-editor-prompter--active .foo-editor__content {pointer-events: none !important }.foo-editor.foo-editor-prompter--active .foo-editor__content .foo-ace_cursor {display: none }.foo-editor__head {height: 34px;top: 0;border-bottom: 1px solid #35bdb8 }.foo-editor__foot, .foo-editor__head {position: absolute;width: 100%;background-color: #666;padding: 8px 10px }.foo-editor__head__meta-data {overflow: hidden;white-space: nowrap;text-overflow: ellipsis }.foo-editor__close {float: right;cursor: pointer;border: none;outline: none;background-color: transparent;margin: 0 }.foo-editor__save {cursor: default;background-color: transparent;color: #f0f0f0;transition: background-color .2s ease-in-out, color .2s ease-in-out }.foo-editor__save[disabled] {cursor: not-allowed }.foo-editor__foot {top: auto;bottom: 0;border-bottom: none;border-top: 1px solid #35bdb8;z-index: 10;height: 38px;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: -webkit-transform .2s ease-out, opacity .2s ease-out;transition: transform .2s ease-out, opacity .2s ease-out }.foo-editor.foo-editor-prompter--active .foo-editor__foot {opacity: 0;-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0) }.foo-error {position: absolute;top: 40%;left: 20%;width: 60%;height: 40%;text-align: center }.foo-error__logo {width: 130px;height: 120px }.foo-error__message {margin-top: 60px;line-height: 1.6 }.foo-error__message a {color: #fff;background-color: #ec1b52;text-decoration: none }.foo-countdown-timer__holder {position: absolute;bottom: 50px;left: 0;z-index: 20 }.foo-countdown-timer .foo-countdown-timer__time {background-color: #666;transition: background-color .15s ease }.foo-countdown-timer__text {background-color: #666 }.foo-countdown-timer--low .foo-countdown-timer__text, .foo-countdown-timer--low .foo-countdown-timer__time {background-color: #ec1b52 }.foo-countdown-timer--low {-webkit-animation: flash 1s .75s 2 normal both;animation: flash 1s .75s 2 normal both }.foo-countdown-timer__time {padding: 9px 8px }.foo-countdown-timer {display: none;width: 139px;text-align: center;position: relative;border-top: 1px solid #2b2d2d;cursor: default }.foo-countdown-timer:first-child {border-top: 0 }.foo-countdown-timer__text {position: absolute;bottom: 0;white-space: nowrap;padding: 9px 10px;z-index: -1;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);transition: -webkit-transform .2s ease-out;transition: transform .2s ease-out }.foo-ie9 .foo-countdown-timer__text {left: -300px }.foo-countdown-timer__time, .foo-prompter {width: 100%;display: block;position: relative;z-index: 2 }.foo-countdown-timer__time:hover+.foo-countdown-timer__text {-webkit-transform: translate3d(130px, 0, 0);transform: translate3d(130px, 0, 0) }.foo-ie9 .foo-countdown-timer__time:hover+.foo-countdown-timer__text {left: 139px }.foo-prompter {position: absolute;bottom: 0;opacity: 1;z-index: 20;padding: 20px;border-top: 1px solid #35bdb8;background-color: #666;color: #fff;transition: all .3s ease-out }.foo-prompter.foo-is-hidden {bottom: -30px;opacity: 0;z-index: -1 }.foo-prompter__text input {font-family: "Share Tech Mono", monospace;font-size: 16px;line-height: 1.2;-webkit-font-smoothing: antialiased;border: none;color: inherit;margin: 0;padding: 0;background-color: transparent;outline-style: none;box-shadow: none }.foo-resizer {display: none;position: relative;height: 100%;width: 2%;background-color: #111;transition: background-color .15s ease;cursor: col-resize;z-index: 10 }.foo-editor--opened .foo-resizer {display: inline-block }.foo-editor--is-active .foo-resizer {background-color: #2b2d2d }.foo-resizer:hover {background-color: #1e1e1e }.foo-resizer i {position: absolute;top: 50%;left: 50% }.foo-resizer i.foo-vertical {margin: -16px 0 0 -5px;cursor: col-resize }.foo-resizer i.foo-horizontal {margin: -5px 0 0 -16px;cursor: row-resize;display: none }@media only screen and (max-width:1023px) {.foo-resizer {width: 100%;height: 2%;cursor: row-resize }.foo-resizer i.foo-vertical {display: none }.foo-editor--opened .foo-resizer, .foo-resizer i.foo-horizontal {display: block }}.foo-shortcuts {position: absolute;bottom: 9px;right: 10px;z-index: 12;font-size: 14px;color: #f0f0f0 }.foo-shortcuts__legend li {display: inline-block;margin-right: 10px }.foo-shortcut.foo-shortcut--control-command:before, .foo-shortcut.foo-shortcut--control:before {content: '^' }.foo-shortcuts--mac .foo-shortcut--control-command:before {content: '\2318' }.foo-support {position: absolute;top: 0;left: 20%;width: 60%;height: 40%;text-align: center }.foo-support__message {margin-top: 60px;line-height: 1.6 }.foo-support__message a {color: #fff;text-decoration: none }.foo-support__message a:hover {color: #35bdb8}.foo-cf:after, .foo-cf:before {content: ' ';display: table }.foo-cf:after {clear: both } \ No newline at end of file diff --git a/public/images/ants.jpg b/public/images/ants.jpg deleted file mode 100644 index ee8531d..0000000 Binary files a/public/images/ants.jpg and /dev/null differ diff --git a/public/images/butterfly.gif b/public/images/butterfly.gif deleted file mode 100644 index d517a17..0000000 Binary files a/public/images/butterfly.gif and /dev/null differ diff --git a/public/images/ci.png b/public/images/ci.png deleted file mode 100644 index 90a381a..0000000 Binary files a/public/images/ci.png and /dev/null differ diff --git a/public/images/docker-architecture.png b/public/images/docker-architecture.png deleted file mode 100644 index 4bbbcd5..0000000 Binary files a/public/images/docker-architecture.png and /dev/null differ diff --git a/public/images/dog.gif b/public/images/dog.gif deleted file mode 100644 index d93a543..0000000 Binary files a/public/images/dog.gif and /dev/null differ diff --git a/public/images/goladder.png b/public/images/goladder.png deleted file mode 100644 index 686a1bb..0000000 Binary files a/public/images/goladder.png and /dev/null differ diff --git a/public/images/golang.png b/public/images/golang.png deleted file mode 100644 index b782e87..0000000 Binary files a/public/images/golang.png and /dev/null differ diff --git a/public/images/info.svg b/public/images/info.svg deleted file mode 100644 index aafd23f..0000000 --- a/public/images/info.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/images/kubernetes-meme.png b/public/images/kubernetes-meme.png deleted file mode 100644 index 6c848fa..0000000 Binary files a/public/images/kubernetes-meme.png and /dev/null differ diff --git a/public/images/mks-architecture.png b/public/images/mks-architecture.png deleted file mode 100644 index 0d3bab6..0000000 Binary files a/public/images/mks-architecture.png and /dev/null differ diff --git a/public/images/mks_logo.png b/public/images/mks_logo.png deleted file mode 100644 index e5c1e45..0000000 Binary files a/public/images/mks_logo.png and /dev/null differ diff --git a/public/images/redhat_logo.png b/public/images/redhat_logo.png deleted file mode 100644 index f9ab454..0000000 Binary files a/public/images/redhat_logo.png and /dev/null differ diff --git a/public/images/second-build.webm b/public/images/second-build.webm deleted file mode 100644 index 68aabf0..0000000 Binary files a/public/images/second-build.webm and /dev/null differ diff --git a/public/images/venus-flytrap.gif b/public/images/venus-flytrap.gif deleted file mode 100644 index 61690fa..0000000 Binary files a/public/images/venus-flytrap.gif and /dev/null differ diff --git a/public/index.html b/public/index.html deleted file mode 100644 index aa0cf06..0000000 --- a/public/index.html +++ /dev/null @@ -1,91 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - Document - - - - - -
- - - - - - - - - \ No newline at end of file diff --git a/public/logo-loading.svg b/public/logo-loading.svg deleted file mode 100644 index 63715b1..0000000 --- a/public/logo-loading.svg +++ /dev/null @@ -1,96 +0,0 @@ - \ No newline at end of file diff --git a/public/logo-static.svg b/public/logo-static.svg deleted file mode 100644 index 9fbf14c..0000000 --- a/public/logo-static.svg +++ /dev/null @@ -1,5 +0,0 @@ - \ No newline at end of file diff --git a/public/mdn-style.css b/public/mdn-style.css deleted file mode 100644 index 2d0a8be..0000000 --- a/public/mdn-style.css +++ /dev/null @@ -1,7149 +0,0 @@ -@import url('https://rsms.me/inter/inter.css'); -html { font-family: 'Inter', sans-serif; } -@supports (font-variation-settings: normal) { - html { font-family: 'Inter var', sans-serif; } -} - -*, -:after, -:before { - box-sizing: border-box -} - -blockquote, -body, -dd, -dl, -figure, -h1, -h2, -h3, -h4, -ol, -p, -ul { - margin: 0 -} - - /* ol, -ul { - list-style: none; - padding: 0 -} */ - -html { - scroll-behavior: smooth -} - -body { - text-rendering: optimizeSpeed; - font-family: Inter, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; - font-family: var(--font-body); - font-size: 100%; - font-size: var(--base-font-size); - line-height: 1.75; - line-height: var(--font-content-line-height) -} - -a:not([class]) { - -webkit-text-decoration-skip: ink; - text-decoration-skip-ink: auto -} - -a { - text-decoration: none -} - -img, -picture { - /* display: block; */ - max-width: 100% -} - -button, -input, -select, -textarea { - font: inherit -} - -@media(prefers-reduced-motion:reduce) { - html { - scroll-behavior: auto - } - - *, - :after, - :before { - -webkit-animation-duration: .01ms !important; - animation-duration: .01ms !important; - -webkit-animation-iteration-count: 1 !important; - animation-iteration-count: 1 !important; - scroll-behavior: auto !important; - transition-duration: .01ms !important - } -} - -.token.cdata, -.token.comment, -.token.doctype, -.token.prolog { - color: var(--code-token-comment) -} - -.token.punctuation { - color: var(--code-token-punctuation) -} - -.token.attr-name, -.token.builtin, -.token.class-name, -.token.function, -.token.inserted, -.token.property, -.token.selector { - color: var(--code-token-attribute-name) -} - -.token.atrule, -.token.attr-value { - color: var(--code-token-attribute-value) -} - -.token.keyword { - color: var(--code-token-tag) -} - -.token.boolean, -.token.char, -.token.constant, -.token.deleted, -.token.number, -.token.string, -.token.symbol, -.token.tag { - color: var(--code-token-attribute-value) -} - -.token.builtin, -.token.inserted, -.token.selector, -.token.template-string>.token.string { - color: var(--code-token-selector) -} - -.token.bold, -.token.important { - font-weight: 700 -} - -.token.italic { - font-style: italic -} - -.token.entity { - cursor: help -} - -.notecard { - --note-background: var(--background-information); - --note-theme: var(--icon-information); - background-color: var(--note-background); - border: 1px solid var(--border-secondary); - border-left: 4px solid var(--note-theme); - border-radius: .25rem; - border-radius: var(--elem-radius); - box-shadow: var(--shadow-01); - margin: 1rem 0; - padding: 1rem 1rem 1rem 3rem; - position: relative -} - -.notecard, -.notecard li, -.notecard p { - color: var(--text-secondary) -} - -.notecard p { - line-height: 2; - margin: 0 !important -} - -.notecard:before { - background-color: var(--note-theme); - content: ""; - display: block; - height: 1rem; - left: 1rem; - /* -webkit-mask-image: url(/static/media/note-info.0eafb6e7738509bce66e.svg); */ - /* mask-image: url(/static/media/note-info.0eafb6e7738509bce66e.svg); */ - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - position: absolute; - top: 1.5rem; - width: 1rem -} - -.notecard.inline { - font: var(--type-body-s); - margin: .5rem; - padding: .125rem .375rem .125rem 1.5rem -} - -.notecard.inline:before { - display: block; - height: .8rem; - left: .2rem; - top: .1875rem; - width: .8rem -} - -.notecard.warning { - --note-background: var(--background-warning); - --note-theme: var(--icon-warning) -} - -.notecard.warning:before { - -webkit-mask-image: url(/static/media/note-warning.d6e4c7b35b5ed187e936.svg); - mask-image: url(/static/media/note-warning.d6e4c7b35b5ed187e936.svg) -} - -.notecard.nonstandard { - --note-background: var(--background-warning); - --note-theme: var(--icon-warning) -} - -.notecard.nonstandard:before { - -webkit-mask-image: url(/static/media/nonstandard.d6e4c7b35b5ed187e936.svg); - mask-image: url(/static/media/nonstandard.d6e4c7b35b5ed187e936.svg) -} - -.notecard.error, -.notecard.negative { - --note-background: var(--background-critical); - --note-theme: var(--icon-critical) -} - -.notecard.error:before, -.notecard.negative:before { - -webkit-mask-image: url(/static/media/note-deprecated.0d2643f0c417b3670c49.svg); - mask-image: url(/static/media/note-deprecated.0d2643f0c417b3670c49.svg) -} - -.notecard.deprecated { - --note-background: var(--background-critical); - --note-theme: var(--icon-critical) -} - -.notecard.deprecated:before { - -webkit-mask-image: url(/static/media/deprecated.eda3b39bb2bd366d4b2b.svg); - mask-image: url(/static/media/deprecated.eda3b39bb2bd366d4b2b.svg) -} - -.notecard.experimental:before { - -webkit-mask-image: url(/static/media/experimental.2f9e05f53c6dbee7791c.svg); - mask-image: url(/static/media/experimental.2f9e05f53c6dbee7791c.svg) -} - -.notecard.success { - --note-background: var(--background-success); - --note-theme: var(--icon-success) -} - -.notecard.success:before { - -webkit-mask-image: url(/static/media/note-info.0eafb6e7738509bce66e.svg); - mask-image: url(/static/media/note-info.0eafb6e7738509bce66e.svg) -} - -.notecard ol, -.notecard ul { - padding-left: 2rem -} - -.notecard p, -.notecard ul { - padding-bottom: .5rem -} - -.notecard p:last-child, -.notecard ul:last-child { - padding-bottom: 0 -} - -.notecard:last-of-type { - margin-bottom: 2rem -} - -.notecard:first-of-type { - margin-top: 2rem -} - -.notecard>:first-child { - margin-top: 0 -} - -.notecard h1, -.notecard h2, -.notecard h3, -.notecard h4, -.notecard h5, -.notecard h6 { - color: var(--text-primary); - font: 1rem; - font: var(--type-base-font-size-rem); - margin-bottom: .5rem -} - -.main-content .notecard a:not(.button), -.main-content .notecard code { - color: var(--notecard-link-color) -} - -.main-content .notecard a:not(.button):hover, -.main-content .notecard code:hover { - text-decoration: none -} - -.pagination { - align-items: center; - display: flex; - gap: 1rem; - justify-content: center; - padding: 1rem 0 -} - -.mdn-form, -.pagination-label { - font-size: .833rem; - font-size: var(--type-smaller-font-size) -} - -.mdn-form { - font-family: Inter, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; - font-family: var(--font-body); - font-weight: 600; - font-weight: var(--font-body-strong-weight) -} - -.mdn-form-item { - align-items: center; - display: flex; - flex-wrap: wrap; - gap: .5rem; - padding-top: 1rem -} - -.mdn-form-item:first-child { - padding-top: 0 -} - -.mdn-form-item.is-button-row { - display: flex; - justify-content: flex-end -} - -.mdn-form-item.is-button-row .button { - width: auto -} - -.mdn-form-item [type=text] { - background: var(--background-primary); - border: 1px solid var(--border-primary); - color: var(--text-primary); - flex: 1 1 100%; - font-size: .833rem; - font-size: var(--type-smaller-font-size); - min-width: 0; - padding: .5rem -} - -.mdn-form-item [type=text]:focus { - border: 1px solid var(--button-secondary-border-focus); - box-shadow: 0 0 0 3px var(--accent-primary-engage); - box-shadow: var(--focus-effect); - outline: 0 none -} - -.mdn-form-item label { - width: 100% -} - -:root { - --font-fallback: BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - --font-body: Inter, var(--font-fallback); - --font-heading: Inter, var(--font-fallback); - --font-code: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; - --base-font-size: 100%; - --base-line-height: 1.2; - --intermediate-line-height: 1.5; - --heading-line-height: var(--base-line-height); - --heading-letter-spacing: -0.031rem; - --font-content-line-height: 1.75; - --font-body-strong-weight: 600; - --type-heading-h1-font-size: 2.488rem; - --type-heading-h2-font-size: 2.074rem; - --type-heading-h3-font-size: 1.728rem; - --type-heading-h4-font-size: 1.44rem; - --type-heading-h5-font-size: 1.2rem; - --type-base-font-size-rem: 1rem; - --type-smaller-font-size: 0.833rem; - --type-tiny-font-size: 0.694rem; - --type-heading-h1-font-size-mobile: 1.802rem; - --type-heading-h2-font-size-mobile: 1.602rem; - --type-heading-h3-font-size-mobile: 1.424rem; - --type-heading-h4-font-size-mobile: 1.266rem; - --type-emphasis-m: var(--font-body-strong-weight) var(--type-smaller-font-size) /1.23 var(--font-body); - --type-label-s: 600 var(--type-tiny-font-size) /1.2 var(--font-heading); - --type-heading-h1: 600 var(--type-heading-h1-font-size-mobile) /var(--heading-line-height) var(--font-heading); - --type-heading-h2: 500 var(--type-heading-h2-font-size-mobile) /var(--heading-line-height) var(--font-heading); - --type-heading-h3: 300 var(--type-heading-h3-font-size-mobile) /var(--heading-line-height) var(--font-heading); - --type-heading-h4: 400 var(--type-heading-h4-font-size-mobile) /var(--heading-line-height) var(--font-heading); - --type-heading-h5: 400 var(--type-heading-h5-font-size) /var(--heading-line-height) var(--font-heading); - --type-heading-h6: 400 var(--type-base-font-size-rem) /var(--heading-line-height) var(--font-heading); - --type-article-p: 400 var(--type-base-font-size-rem) /var(--font-content-line-height) var(--font-body); - --max-width: 1440px; - --gutter: 1rem; - --top-navigation-height: 4rem; - --top-navigation-offset: -4rem; - --z-index-back: -1; - --z-index-top: 9999; - --z-index-a11y: 10000; - --z-index-mid: 500; - --z-index-nav-menu: 200; - --z-index-search-results: 101; - --z-index-low: 100; - --z-index-search-results-home: 99; - --elem-radius: 0.25rem; - --focus-effect: 0 0 0 3px var(--accent-primary-engage); - --form-elem-height: 2rem; - --sticky-header-height: 0; - --top-nav-height: 4rem; - --main-document-header-height: 6rem; - --icon-size: 1rem -} - -@media screen and (min-width:769px) { - :root { - --type-heading-h1: 600 var(--type-heading-h1-font-size) /var(--heading-line-height) var(--font-heading); - --type-heading-h2: 500 var(--type-heading-h2-font-size) /var(--heading-line-height) var(--font-heading); - --type-heading-h3: 300 var(--type-heading-h3-font-size) /var(--heading-line-height) var(--font-heading); - --type-heading-h4: 400 var(--type-heading-h4-font-size) /var(--heading-line-height) var(--font-heading) - } -} - -:target { - scroll-margin-top: 0; - scroll-margin-top: var(--sticky-header-height) -} - -body { - accent-color: var(--accent-primary); - background-color: var(--background-primary); - color: var(--text-primary); - scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg) -} - -body.full-screen-overlay { - overflow: hidden -} - -:focus-visible { - outline-color: var(--accent-primary); - outline-offset: 1px; - outline-style: auto -} - -main { - min-height: 80vh -} - -.about-container a:link, -.about-container a:visited, -.main-page-content a:link, -.main-page-content a:visited { - text-decoration: underline -} - -.about-container a:focus, -.about-container a:hover, -.main-page-content a:focus, -.main-page-content a:hover { - text-decoration: none -} - -.visually-hidden { - clip: rect(1px, 1px, 1px, 1px) !important; - border: 0 !important; - -webkit-clip-path: inset(50%) !important; - clip-path: inset(50%) !important; - height: 1px !important; - margin: -1px !important; - overflow: hidden !important; - padding: 0 !important; - position: absolute !important; - white-space: nowrap !important; - width: 1px !important -} - -.hidden { - display: none -} - -pre { - word-wrap: break-word; - white-space: pre-wrap; - white-space: -moz-pre-wrap; - white-space: -pre-wrap; - white-space: -o-pre-wrap -} - -a { - color: var(--text-link) -} - -a.external:after { - background-color: var(--icon-primary); - content: ""; - display: inline-flex; - height: 10px; - margin-left: 4px; - -webkit-mask-image: url(/static/media/external.ad7e40a95bc765963433.svg); - mask-image: url(/static/media/external.ad7e40a95bc765963433.svg); - -webkit-mask-size: cover; - mask-size: cover; - width: 10px -} - -.expand-this-link:after { - bottom: 0; - content: ""; - left: 0; - position: absolute; - right: 0; - top: 0 -} - -[type=search]::-ms-clear { - display: none; - height: 0; - width: 0 -} - -[type=search]::-ms-reveal { - display: none; - height: 0; - width: 0 -} - -[type=search]::-webkit-search-cancel-button, -[type=search]::-webkit-search-decoration, -[type=search]::-webkit-search-results-button, -[type=search]::-webkit-search-results-decoration { - display: none -} - -u { - -webkit-text-decoration-color: var(--text-link); - text-decoration-color: var(--text-link); - text-decoration-thickness: .15rem; - text-underline-offset: .1em -} - -.plus, -.plus .dark { - --background-toc-active: var(--plus-accent-background-color); - --text-link: var(--plus-accent-color); - --category-color: var(--plus-accent-color); - --category-color-background: var(--plus-accent-background-color); - --code-color: var(--plus-code-color); - --mark-color: var(--plus-mark-color) -} - -.category-html { - --background-toc-active: var(--html-accent-background-color); - --category-color: var(--html-accent-color); - --category-color-background: var(--html-accent-background-color); - --mark-color: var(--html-mark-color) -} - -.category-css { - --background-toc-active: var(--css-accent-background-color); - --category-color: var(--css-accent-color); - --category-color-background: var(--css-accent-background-color); - --mark-color: var(--css-mark-color) -} - -.category-javascript { - --background-toc-active: var(--js-accent-background-color); - --category-color: var(--js-accent-color); - --category-color-background: var(--js-accent-background-color); - --mark-color: var(--js-mark-color) -} - -.category-http { - --background-toc-active: var(--http-accent-background-color); - --category-color: var(--http-accent-color); - --category-color-background: var(--http-accent-background-color); - --mark-color: var(--http-mark-color) -} - -.category-api { - --background-toc-active: var(--apis-accent-background-color); - --category-color: var(--apis-accent-color); - --category-color-background: var(--apis-accent-background-color); - --mark-color: var(--apis-mark-color) -} - -.category-learn { - --background-toc-active: var(--learn-accent-background-color); - --category-color: var(--learn-accent-color); - --category-color-background: var(--learn-accent-background-color); - --mark-color: var(--api-mark-color) -} - - .mify { - margin-left: .5rem -} - -.mify:after { - content: " "; - text-decoration: underline; - -webkit-text-decoration-color: var(--text-link); - text-decoration-color: var(--text-link); - text-decoration-thickness: .1em; - text-underline-offset: .1em -} - -.mify:before { - background-color: var(--text-link); - content: ""; - display: inline-block; - height: 1.2em; - /* -webkit-mask: url(/static/media/m-logo.e19e04547be91a35c8ea.svg) no-repeat 50% 50%; - mask: url(/static/media/m-logo.e19e04547be91a35c8ea.svg) no-repeat 50% 50%; */ - -webkit-mask-size: cover; - mask-size: cover; - -webkit-transform: translate(-.2em, .2em); - transform: translate(-.2em, .2em); - width: 1.2em -} - -._ify:after { - content: " "; - text-decoration: underline; - -webkit-text-decoration-color: var(--text-link); - text-decoration-color: var(--text-link); - text-decoration-thickness: .1em; - text-underline-offset: .1em -} - -@media(forced-colors:active) { - .icon { - background-color: CanvasText !important - } -} - -.homepage { - align-items: center; - display: flex; - flex-direction: column; - gap: 2rem; - overflow-x: clip; - overflow-y: visible; - position: relative; - width: 100% -} - -.homepage-hero { - color: var(--text-primary); - display: grid; - grid-template-rows: fit-content(24rem); - width: 100% -} - -.homepage-hero section { - display: flex; - flex-direction: column; - gap: 2rem; - grid-column: 1; - grid-row: 1; - height: 100%; - justify-content: center; - margin: 0 auto; - max-width: 52rem; - padding: 0 1rem; - width: 100% -} - -.homepage-hero section h1 { - font-size: 2.2rem; - font-weight: 200; - letter-spacing: -.5px; - line-height: 120%; - margin: 0 -} - -@media screen and (min-width:426px) { - .homepage-hero section h1 { - font-size: 2.5rem - } -} - -@media screen and (min-width:769px) { - .homepage-hero section h1 { - font-size: 3rem - } -} - -.homepage-hero section h1:after { - content: " "; - text-decoration: underline; - -webkit-text-decoration-color: var(--text-link); - text-decoration-color: var(--text-link); - text-decoration-thickness: .15rem; - text-underline-offset: .1rem -} - -.homepage-hero section p { - font-weight: 300 -} - -.homepage-hero .homepage-hero-bg { - --mandala-primary: var(--border-primary); - background-color: rgba(1, 1, 1, .9); - grid-column: 1; - grid-row: 1; - overflow: hidden; - top: 0; - width: 100%; - z-index: -1 -} - -.homepage-hero .homepage-hero-bg .mandala-translate { - -webkit-transform: translate(10rem, -8rem) scale(1.2); - transform: translate(10rem, -8rem) scale(1.2) -} - -@media screen and (min-width:426px) { - .homepage-hero .homepage-hero-bg .mandala-translate { - -webkit-transform: translate(12rem, -8rem); - transform: translate(12rem, -8rem) - } -} - -.homepage-hero .homepage-hero-search { - align-self: center; - display: flex; - margin-bottom: 1rem; - max-height: 4rem; - max-width: 40rem; - width: 100% -} - -.homepage-hero .homepage-hero-search .search-input-field { - background-color: rgba(1, 1, 1, .5); - border-radius: 10rem; - padding: 2rem -} - -.homepage-hero .homepage-hero-search .search-input-field:focus { - border-color: var(--field-focus-border); - box-shadow: var(--focus-01) -} - -.homepage-hero .homepage-hero-search .search-input-field::-webkit-input-placeholder { - font-size: 1.5rem -} - -.homepage-hero .homepage-hero-search .search-input-field::placeholder { - font-size: 1.5rem -} - -.homepage-hero .homepage-hero-search .search-widget { - display: flex; - gap: 0 -} - -.homepage-hero .homepage-hero-search .search-results { - box-shadow: var(--shadow-02); - margin: 0 1.5rem; - text-align: left; - top: 4.2rem; - width: calc(100% - 3rem); - z-index: var(--z-index-search-results-home) -} - -.homepage-hero .homepage-hero-search .search-results .result-item a { - padding: .5rem 1.5rem -} - -.homepage-hero .homepage-hero-search .search-results .result-item mark { - background: none; - color: var(--text-primary) -} - -.homepage-hero .homepage-hero-search .search-results .result-item span { - color: var(--text-secondary); - font-weight: 400 -} - -.homepage-hero .homepage-hero-search .search-results .result-item small { - color: var(--text-secondary) -} - -.homepage-hero .search-button.button { - height: 100%; - left: auto; - position: absolute; - right: 1.5rem; - top: 0 -} - -.homepage-hero .search-button.button:hover { - background: none; - border-color: transparent -} - -.homepage-hero .search-button.button .button-wrap { - background: none -} - -.homepage-hero .search-button.button .button-wrap:hover { - background: none; - border: 1px solid transparent -} - -.homepage-hero .search-button.button .button-wrap:hover .icon { - background-color: var(--text-link) -} - -.homepage-hero .search-button.button .button-wrap .icon { - background-color: var(--icon-primary); - border: none -} - -.icon { - --size: var(--icon-size, 1rem); - background-color: var(--icon-primary); - display: inline-block; - flex-shrink: 0; - height: var(--size); - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - vertical-align: middle; - width: var(--size) -} - -svg.icon { - background: transparent; - color: var(--icon-primary) -} - -.icon.icon-add-filled { - -webkit-mask-image: url(/static/media/add-filled.a8e6793efe0c45d06016.svg); - mask-image: url(/static/media/add-filled.a8e6793efe0c45d06016.svg) -} - -.icon.icon-add { - -webkit-mask-image: url(/static/media/add.9f0957aa3417844441a2.svg); - mask-image: url(/static/media/add.9f0957aa3417844441a2.svg) -} - -.icon.icon-altname { - -webkit-mask-image: url(/static/media/altname.fa41e3cb6859d720b231.svg); - mask-image: url(/static/media/altname.fa41e3cb6859d720b231.svg) -} - -.icon.icon-bell-filled { - -webkit-mask-image: url(/static/media/bell-filled.92b1b0fec0b6ed04f771.svg); - mask-image: url(/static/media/bell-filled.92b1b0fec0b6ed04f771.svg) -} - -.icon.icon-bell { - -webkit-mask-image: url(/static/media/bell.034a87122ec06307f900.svg); - mask-image: url(/static/media/bell.034a87122ec06307f900.svg) -} - -.icon.icon-bookmark-filled { - -webkit-mask-image: url(/static/media/bookmark-filled.22802275efddc0dd3f04.svg); - mask-image: url(/static/media/bookmark-filled.22802275efddc0dd3f04.svg) -} - -.icon.icon-bookmark { - -webkit-mask-image: url(/static/media/bookmark.e9ba9d27f97589ba62cc.svg); - mask-image: url(/static/media/bookmark.e9ba9d27f97589ba62cc.svg) -} - -.icon.icon-cancel { - -webkit-mask-image: url(/static/media/cancel.ff1ee2551e18f9c9c8d3.svg); - mask-image: url(/static/media/cancel.ff1ee2551e18f9c9c8d3.svg) -} - -.icon.icon-checkmark { - -webkit-mask-image: url(/static/media/checkmark.d05ce91f65dfc321cadd.svg); - mask-image: url(/static/media/checkmark.d05ce91f65dfc321cadd.svg) -} - -.icon.icon-chevron { - -webkit-mask-image: url(/static/media/chevron.05a124d379047e16d746.svg); - mask-image: url(/static/media/chevron.05a124d379047e16d746.svg) -} - -.icon.icon-chrome { - -webkit-mask-image: url(/static/media/chrome.4c57086589fd964c05f5.svg); - mask-image: url(/static/media/chrome.4c57086589fd964c05f5.svg) -} - -.icon.icon-critical { - -webkit-mask-image: url(/static/media/critical.046b659f661afa9ab11f.svg); - mask-image: url(/static/media/critical.046b659f661afa9ab11f.svg) -} - -.icon.icon-deno { - -webkit-mask-image: url(/static/media/deno.a791d0899729b3089500.svg); - mask-image: url(/static/media/deno.a791d0899729b3089500.svg) -} - -.icon.icon-deprecated { - -webkit-mask-image: url(/static/media/deprecated.eda3b39bb2bd366d4b2b.svg); - mask-image: url(/static/media/deprecated.eda3b39bb2bd366d4b2b.svg) -} - -.icon.icon-desktop { - -webkit-mask-image: url(/static/media/desktop.ae5e91df1e60ced79a5e.svg); - mask-image: url(/static/media/desktop.ae5e91df1e60ced79a5e.svg) -} - -.icon.icon-disabled { - -webkit-mask-image: url(/static/media/disabled.f52f4d023359dbf8a727.svg); - mask-image: url(/static/media/disabled.f52f4d023359dbf8a727.svg) -} - -.icon.icon-edge { - -webkit-mask-image: url(/static/media/edge.40018f6a959bc3e5c537.svg); - mask-image: url(/static/media/edge.40018f6a959bc3e5c537.svg) -} - -.icon.icon-edit { - -webkit-mask-image: url(/static/media/edit.2e4f3bd111b39f9ebbc2.svg); - mask-image: url(/static/media/edit.2e4f3bd111b39f9ebbc2.svg) -} - -.icon.icon-ellipses { - -webkit-mask-image: url(/static/media/ellipses.c6dd1c04b7ef3cba126a.svg); - mask-image: url(/static/media/ellipses.c6dd1c04b7ef3cba126a.svg) -} - -.icon.icon-experimental { - -webkit-mask-image: url(/static/media/experimental.2f9e05f53c6dbee7791c.svg); - mask-image: url(/static/media/experimental.2f9e05f53c6dbee7791c.svg) -} - -.icon.icon-external { - -webkit-mask-image: url(/static/media/external.ad7e40a95bc765963433.svg); - mask-image: url(/static/media/external.ad7e40a95bc765963433.svg) -} - -.icon.icon-eye-filled { - -webkit-mask-image: url(/static/media/eye-filled.dd0405b418fcfecf0f77.svg); - mask-image: url(/static/media/eye-filled.dd0405b418fcfecf0f77.svg) -} - -.icon.icon-eye { - -webkit-mask-image: url(/static/media/eye.b451ad8ced0662500e82.svg); - mask-image: url(/static/media/eye.b451ad8ced0662500e82.svg) -} - -.icon.icon-footnote { - -webkit-mask-image: url(/static/media/footnote.adb3f56121e4f9c95ba7.svg); - mask-image: url(/static/media/footnote.adb3f56121e4f9c95ba7.svg) -} - -.icon.icon-github-mark-small { - -webkit-mask-image: url(/static/media/github-mark-small.348586b8904b950b8ea8.svg); - mask-image: url(/static/media/github-mark-small.348586b8904b950b8ea8.svg) -} - -.icon.icon-ie { - -webkit-mask-image: url(/static/media/ie.cf17782c766db346d9b1.svg); - mask-image: url(/static/media/ie.cf17782c766db346d9b1.svg) -} - -.icon.icon-information { - -webkit-mask-image: url(/static/media/information.81a9c7bfba75e9c4e993.svg); - mask-image: url(/static/media/information.81a9c7bfba75e9c4e993.svg) -} - -.icon.icon-language { - -webkit-mask-image: url(/static/media/language.e4289910782fa8d1c882.svg); - mask-image: url(/static/media/language.e4289910782fa8d1c882.svg) -} - -.icon.icon-menu-filled { - -webkit-mask-image: url(/static/media/menu-filled.48a621119c4448c94d79.svg); - mask-image: url(/static/media/menu-filled.48a621119c4448c94d79.svg) -} - -.icon.icon-menu { - -webkit-mask-image: url(/static/media/menu.1ed93cf1ba8c04627c11.svg); - mask-image: url(/static/media/menu.1ed93cf1ba8c04627c11.svg) -} - -.icon.icon-mobile { - -webkit-mask-image: url(/static/media/mobile.7f0bdae2a317caf911ee.svg); - mask-image: url(/static/media/mobile.7f0bdae2a317caf911ee.svg) -} - -.icon.icon-more { - -webkit-mask-image: url(/static/media/more.ce2ad00a1fca149a22ce.svg); - mask-image: url(/static/media/more.ce2ad00a1fca149a22ce.svg) -} - -.icon.icon-theme-dark { - -webkit-mask-image: url(/static/media/theme-dark.2204a73b9b7fbc5e0219.svg); - mask-image: url(/static/media/theme-dark.2204a73b9b7fbc5e0219.svg) -} - -.icon.icon-next { - -webkit-mask-image: url(/static/media/next.1ecddf89481891f59480.svg); - mask-image: url(/static/media/next.1ecddf89481891f59480.svg) -} - -.icon.icon-no { - -webkit-mask-image: url(/static/media/no.d2e0aa3e7440f80dccd6.svg); - mask-image: url(/static/media/no.d2e0aa3e7440f80dccd6.svg) -} - -.icon.icon-nodejs { - -webkit-mask-image: url(/static/media/nodejs.bb93afa7923c2473034b.svg); - mask-image: url(/static/media/nodejs.bb93afa7923c2473034b.svg) -} - -.icon.icon-nonstandard { - -webkit-mask-image: url(/static/media/nonstandard.d6e4c7b35b5ed187e936.svg); - mask-image: url(/static/media/nonstandard.d6e4c7b35b5ed187e936.svg) -} - -.icon.icon-note-info { - -webkit-mask-image: url(/static/media/note-info.0eafb6e7738509bce66e.svg); - mask-image: url(/static/media/note-info.0eafb6e7738509bce66e.svg) -} - -.icon.icon-note-warning { - -webkit-mask-image: url(/static/media/note-warning.d6e4c7b35b5ed187e936.svg); - mask-image: url(/static/media/note-warning.d6e4c7b35b5ed187e936.svg) -} - -.icon.icon-note-deprecated { - -webkit-mask-image: url(/static/media/note-deprecated.0d2643f0c417b3670c49.svg); - mask-image: url(/static/media/note-deprecated.0d2643f0c417b3670c49.svg) -} - -.icon.icon-opera { - -webkit-mask-image: url(/static/media/opera.a0ab0c5004c00e618a00.svg); - mask-image: url(/static/media/opera.a0ab0c5004c00e618a00.svg) -} - -.icon.icon-padlock { - -webkit-mask-image: url(/static/media/padlock.6210113487ca12ff25f3.svg); - mask-image: url(/static/media/padlock.6210113487ca12ff25f3.svg) -} - -.icon.icon-partial { - -webkit-mask-image: url(/static/media/partial.2d8806d709221f07c72c.svg); - mask-image: url(/static/media/partial.2d8806d709221f07c72c.svg) -} - -.icon.icon-prefix { - -webkit-mask-image: url(/static/media/prefix.db94a69f5867547725e5.svg); - mask-image: url(/static/media/prefix.db94a69f5867547725e5.svg) -} - -.icon.icon-preview { - -webkit-mask-image: url(/static/media/preview.77ee12031f5f5ecb2962.svg); - mask-image: url(/static/media/preview.77ee12031f5f5ecb2962.svg) -} - -.icon.icon-previous { - -webkit-mask-image: url(/static/media/previous.585a0363cab37d75a90d.svg); - mask-image: url(/static/media/previous.585a0363cab37d75a90d.svg) -} - -.icon.icon-quote { - -webkit-mask-image: url(/static/media/quote.d88c218cc7eaf9168178.svg); - mask-image: url(/static/media/quote.d88c218cc7eaf9168178.svg) -} - -.icon.icon-safari { - -webkit-mask-image: url(/static/media/safari.3679eb31121b46323304.svg); - mask-image: url(/static/media/safari.3679eb31121b46323304.svg) -} - -.icon.icon-samsunginternet { - -webkit-mask-image: url(/static/media/samsunginternet.55e41ddfc05627ecc331.svg); - mask-image: url(/static/media/samsunginternet.55e41ddfc05627ecc331.svg) -} - -.icon.icon-search { - -webkit-mask-image: url(/static/media/search.cebfd63a204ba9fefa74.svg); - mask-image: url(/static/media/search.cebfd63a204ba9fefa74.svg) -} - -.icon.icon-server { - -webkit-mask-image: url(/static/media/server.fdad5f2f9f48879ac6c2.svg); - mask-image: url(/static/media/server.fdad5f2f9f48879ac6c2.svg) -} - -.icon.icon-sidebar { - -webkit-mask-image: url(/static/media/sidebar.18421c220ec0a5e690f1.svg); - mask-image: url(/static/media/sidebar.18421c220ec0a5e690f1.svg) -} - -.icon.icon-simple-firefox { - -webkit-mask-image: url(/static/media/simple-firefox.9b9181d8c30c3de88edf.svg); - mask-image: url(/static/media/simple-firefox.9b9181d8c30c3de88edf.svg) -} - -.icon.icon-small-arrow { - -webkit-mask-image: url(/static/media/small-arrow.a22801b3d18b7d1ea795.svg); - mask-image: url(/static/media/small-arrow.a22801b3d18b7d1ea795.svg) -} - -.icon.icon-theme-light { - -webkit-mask-image: url(/static/media/theme-light.af1aa3887c0deadaaf2e.svg); - mask-image: url(/static/media/theme-light.af1aa3887c0deadaaf2e.svg) -} - -.icon.icon-star-filled { - -webkit-mask-image: url(/static/media/star-filled.358ee4566f4a4c7d438d.svg); - mask-image: url(/static/media/star-filled.358ee4566f4a4c7d438d.svg) -} - -.icon.icon-star { - -webkit-mask-image: url(/static/media/star.00aab2ac065852fd407a.svg); - mask-image: url(/static/media/star.00aab2ac065852fd407a.svg) -} - -.icon.icon-theme-os-default { - -webkit-mask-image: url(/static/media/theme-os-default.b14255eadab403fa2e8a.svg); - mask-image: url(/static/media/theme-os-default.b14255eadab403fa2e8a.svg) -} - -.icon.icon-thumbs-down { - -webkit-mask-image: url(/static/media/thumbs-down.7ca516d7f04791a3910c.svg); - mask-image: url(/static/media/thumbs-down.7ca516d7f04791a3910c.svg) -} - -.icon.icon-thumbs-up { - -webkit-mask-image: url(/static/media/thumbs-up.10a6075a46940d218431.svg); - mask-image: url(/static/media/thumbs-up.10a6075a46940d218431.svg) -} - -.icon.icon-trash { - -webkit-mask-image: url(/static/media/trash.edee2ea86f1b505315f7.svg); - mask-image: url(/static/media/trash.edee2ea86f1b505315f7.svg) -} - -.icon.icon-twitter { - -webkit-mask-image: url(/static/media/twitter.cc5b37feab537ddbf701.svg); - mask-image: url(/static/media/twitter.cc5b37feab537ddbf701.svg) -} - -.icon.icon-unknown { - -webkit-mask-image: url(/static/media/unknown.7fd13a7673ebf93f625c.svg); - mask-image: url(/static/media/unknown.7fd13a7673ebf93f625c.svg) -} - -.icon.icon-warning { - -webkit-mask-image: url(/static/media/warning.334964ef472eac4cfb78.svg); - mask-image: url(/static/media/warning.334964ef472eac4cfb78.svg) -} - -.icon.icon-webview { - -webkit-mask-image: url(/static/media/webview.7d9bf32041e0c57240b5.svg); - mask-image: url(/static/media/webview.7d9bf32041e0c57240b5.svg) -} - -.icon.icon-yes { - -webkit-mask-image: url(/static/media/yes.70caad81ca5e3d9f7576.svg); - mask-image: url(/static/media/yes.70caad81ca5e3d9f7576.svg) -} - -.icon.icon-yes-circle { - -webkit-mask-image: url(/static/media/yes-circle.1c4f7a083d20df35ca93.svg); - mask-image: url(/static/media/yes-circle.1c4f7a083d20df35ca93.svg) -} - -.button, -button { - -webkit-appearance: none; - appearance: none; - background: none; - border: none -} - -.button { - --button-bg: var(--button-primary-default); - --button-border-color: var(--button-primary-default); - --button-focus-effect: var(--focus-effect); - --button-height: var(--form-elem-height, 2rem); - --button-color: var(--background-primary); - --button-font: var(--type-emphasis-m); - --button-padding: 0.5rem; - --button-radius: var(--elem-radius, 0.25rem); - border-radius: var(--button-radius); - cursor: pointer; - display: inline-block; - padding: 0; - text-decoration: none -} - -.button-wrap { - align-items: center; - background-color: var(--button-bg); - border: 1px solid var(--button-border-color); - border-radius: var(--button-radius); - color: var(--button-color); - display: flex; - font: var(--button-font); - gap: .25rem; - height: var(--button-height); - justify-content: center; - padding-left: var(--button-padding); - padding-right: var(--button-padding); - position: relative -} - -.button .icon { - background-color: var(--button-color); - margin: 0 -1px -} - -.button.hover, -.button:hover { - --button-bg: var(--button-primary-hover); - --button-border-color: var(--button-bg) -} - -.button.active, -.button:active { - --button-bg: var(--button-primary-active) -} - -.button.focus, -.button:focus { - outline: none -} - -.button.focus .button-wrap, -.button:focus .button-wrap { - border: 1px solid var(--button-secondary-border-focus); - box-shadow: var(--button-focus-effect) -} - -.button.button.inactive, -.button.button[disabled] { - cursor: default; - opacity: .65 -} - -.button.button.inactive:hover, -.button.button[disabled]:hover { - --button-bg: inherit; - --button-border-color: transparent -} - -.button.small, -.button.small .button-wrap { - --button-height: 1.75rem; - --button-padding: 0.25rem -} - -.button.secondary { - --button-bg: var(--button-secondary-default); - --button-border-color: var(--border-primary); - --button-color: var(--text-secondary) -} - -.button.secondary:hover { - --button-bg: var(--button-secondary-hover) -} - -.button.secondary:active { - --button-bg: var(--button-secondary-active) -} - -.button.secondary:focus { - --button-border-color: var(--button-secondary-border-focus) -} - -.button.action { - --button-bg: transparent; - --button-border-color: var(--button-bg); - --button-color: var(--text-secondary); - --button-font: var(--type-label-s) -} - -.button.action.has-icon { - --button-font: var(--type-emphasis-m); - text-transform: none -} - -.button.action:hover { - --button-bg: var(--button-secondary-hover) -} - -.button.action:active { - --button-bg: var(--button-secondary-active) -} - -.button.action:focus { - --button-border-color: var(--button-secondary-border-focus) -} - -.button.action .button-wrap { - text-transform: uppercase -} - -.button.action.highlight { - --button-color: var(--button-primary-default) -} - -.button.select { - --button-bg: var(--background-primary); - --button-border-color: var(--border-primary); - --button-color: var(--text-secondary); - -webkit-appearance: none; - appearance: none; - background: none; - border: none; - padding: 0; - text-decoration: none -} - -.button.select .button-wrap { - box-shadow: var(--shadow-01); - padding-right: 26px; - position: relative -} - -.button.select .button-wrap:after { - background-color: var(--icon-primary); - content: ""; - display: block; - height: 16px; - -webkit-mask-image: url(/static/media/small-arrow.a22801b3d18b7d1ea795.svg); - mask-image: url(/static/media/small-arrow.a22801b3d18b7d1ea795.svg); - -webkit-mask-size: cover; - mask-size: cover; - position: absolute; - right: .5rem; - top: calc(50% - .5rem); - width: 16px -} - -.header-search { - max-width: 100% -} - -.header-search .search-widget { - margin: 0 auto; - max-width: 20rem; - position: relative; - width: 100% -} - -@media screen and (min-width:769px) { - .header-search .search-widget { - align-items: center; - display: flex; - gap: .5rem - } -} - -.header-search .search-input-field { - -webkit-appearance: none; - background-color: var(--background-primary); - border: 1px solid var(--border-primary); - border-radius: 100px; - caret-color: var(--text-link); - color: var(--text-primary); - height: var(--form-elem-height); - min-width: 5rem; - padding-left: 1rem; - padding-right: 2rem; - width: 100% -} - -@-webkit-keyframes blink { - - 0%, - to { - -webkit-text-decoration-line: none; - text-decoration-line: none - } - - 50% { - -webkit-text-decoration-line: underline; - text-decoration-line: underline - } -} - -@keyframes blink { - - 0%, - to { - -webkit-text-decoration-line: none; - text-decoration-line: none - } - - 50% { - -webkit-text-decoration-line: underline; - text-decoration-line: underline - } -} - -@media screen and (min-width:992px) { - .header-search .search-input-field:invalid { - width: 1rem - } -} - -.header-search .search-input-field:focus, -.header-search .search-input-field:valid { - width: inherit -} - -.header-search .search-input-field:invalid::-webkit-input-placeholder { - -webkit-animation: blink 2s step-end infinite; - animation: blink 2s step-end infinite; - caret-color: transparent -} - -.header-search .search-input-field:invalid, -.header-search .search-input-field:invalid::placeholder { - -webkit-animation: blink 2s step-end infinite; - animation: blink 2s step-end infinite; - caret-color: transparent -} - -@media(prefers-reduced-motion:reduce) { - .header-search .search-input-field:invalid::-webkit-input-placeholder { - caret-color: auto - } - - .header-search .search-input-field:invalid, - .header-search .search-input-field:invalid::placeholder { - caret-color: auto - } -} - -.header-search .search-input-field:valid::-webkit-input-placeholder { - -webkit-animation: none; - animation: none -} - -.header-search .search-input-field:valid, -.header-search .search-input-field:valid::placeholder { - -webkit-animation: none; - animation: none -} - -.header-search .search-input-field:not(:focus):valid::-webkit-input-placeholder { - -webkit-text-decoration-line: none; - text-decoration-line: none -} - -.header-search .search-input-field:not(:focus):valid, -.header-search .search-input-field:not(:focus):valid::placeholder { - -webkit-text-decoration-line: none; - text-decoration-line: none -} - -.header-search .search-input-field:not(:focus), -.header-search .search-input-field:not(:focus)::placeholder { - -webkit-animation: none; - animation: none; - -webkit-text-decoration-line: underline; - text-decoration-line: underline -} - -.header-search .search-input-field:not(:focus)::-webkit-input-placeholder { - -webkit-animation: none; - animation: none; - -webkit-text-decoration-line: underline; - text-decoration-line: underline -} - -.header-search .search-input-field:not(:focus)::placeholder { - -webkit-animation: none; - animation: none; - -webkit-text-decoration-line: underline; - text-decoration-line: underline -} - -.header-search .search-input-field:focus { - border-color: var(--category-color); - box-shadow: 0 0 0 3px var(--blend-color), 0 0 0 3px var(--category-color); - outline: 0 none -} - -.header-search .search-input-field::-webkit-input-placeholder { - font: var(--type-body-l); - opacity: 1; - -webkit-text-decoration-color: var(--text-link); - text-decoration-color: var(--text-link); - text-decoration-thickness: .15rem; - text-underline-offset: .1em -} - -.header-search .search-input-field, -.header-search .search-input-field::placeholder { - font: var(--type-body-l); - opacity: 1; - -webkit-text-decoration-color: var(--text-link); - text-decoration-color: var(--text-link); - text-decoration-thickness: .15rem; - text-underline-offset: .1em -} - -.header-search .server-error { - color: var(--icon-critical); - margin: 0 -} - -.header-search .search-results, -.homepage-hero-search .search-results { - border: 1px solid var(--border-secondary); - border-radius: var(--elem-radius); - box-shadow: var(--shadow-01); - left: 0; - position: absolute; - top: 42px; - width: 100%; - z-index: var(--z-index-search-results) -} - -.header-search .search-results, -.header-search .search-results a[href], -.header-search .search-results mark, -.homepage-hero-search .search-results, -.homepage-hero-search .search-results a[href], -.homepage-hero-search .search-results mark { - color: var(--text-primary) -} - -.header-search .search-results .indexing-warning, -.homepage-hero-search .search-results .indexing-warning { - color: var(--icon-warning) -} - -.header-search .search-results .nothing-found, -.homepage-hero-search .search-results .nothing-found { - font-style: italic -} - -.header-search .search-results .result-item, -.homepage-hero-search .search-results .result-item { - background: var(--background-secondary); - border-bottom: 1px solid var(--border-secondary); - font-size: var(--type-smaller-font-size); - word-break: break-word -} - -.header-search .search-results .result-item:first-child, -.homepage-hero-search .search-results .result-item:first-child { - border-radius: var(--elem-radius) var(--elem-radius) 0 0 -} - -.header-search .search-results .result-item:last-child, -.homepage-hero-search .search-results .result-item:last-child { - border-radius: 0 0 var(--elem-radius) var(--elem-radius) -} - -.header-search .search-results .result-item.nothing-found code, -.homepage-hero-search .search-results .result-item.nothing-found code { - font-size: .8125rem -} - -.header-search .search-results .result-item a, -.homepage-hero-search .search-results .result-item a { - display: block; - padding: .5rem -} - -.header-search .search-results .result-item.highlight, -.header-search .search-results .result-item:hover, -.homepage-hero-search .search-results .result-item.highlight, -.homepage-hero-search .search-results .result-item:hover { - background-color: var(--border-secondary) -} - -.header-search .search-results .result-item.qs-collection b:after, -.homepage-hero-search .search-results .result-item.qs-collection b:after { - border: 1px solid var(--text-primary-red); - border-radius: .5rem; - content: "collection"; - font-size: .5rem; - line-height: .5rem; - margin-bottom: .5rem; - margin-left: .5rem; - padding: .125rem; - vertical-align: super -} - -.header-search .search-results .result-item:focus, -.header-search .search-results .result-item:hover, -.homepage-hero-search .search-results .result-item:focus, -.homepage-hero-search .search-results .result-item:hover { - cursor: pointer -} - -.header-search .search-results div:last-child, -.homepage-hero-search .search-results div:last-child { - border-bottom: 0 -} - -.header-search .search-results mark, -.homepage-hero-search .search-results mark { - background-color: var(--mark-color) -} - -.header-search .search-results small, -.homepage-hero-search .search-results small { - overflow-wrap: break-word -} - -.header-search .search-results a, -.homepage-hero-search .search-results a { - text-overflow: ellipsis -} - -.header-search .search-results div.searchindex-error, -.homepage-hero-search .search-results div.searchindex-error { - color: var(--icon-critical) -} - -.search-form { - display: flex; - position: relative -} - -.button.clear-search-button, -.button.search-button { - --button-color: var(--icon-secondary); - --button-height: 1.5rem; - --button-padding: 0; - position: absolute; - right: .75rem; - top: .25rem; - width: 1.5rem -} - -.button.clear-search-button:hover, -.button.search-button:hover { - background: transparent -} - -@media screen and (min-width:769px) { - - .button.clear-search-button, - .button.search-button { - right: 1.2rem; - width: 1.5rem - } -} - -.button.clear-search-button { - display: none -} - -.header-search .search-input-field:focus~.button.clear-search-button, -.header-search .search-input-field:valid~.button.clear-search-button { - display: block; - right: 2.8rem -} - -.mandala-container { - --mandala-primary: #4e4e4e; - --mandala-accent-1: var(--html-accent-color); - --mandala-accent-2: var(--http-accent-color); - --mandala-accent-3: var(--js-accent-color); - --mandala-accent-4: #b3b3b3; - display: flex; - justify-content: center -} - -.mandala-container .mandala-rotate>svg { - -webkit-animation: rotation 500s linear infinite; - animation: rotation 500s linear infinite -} - -.mandala-container svg { - font-size: 1.5rem; - font-weight: 300; - -webkit-user-select: none; - user-select: none -} - -.mandala-container svg>text { - fill: var(--mandala-primary) -} - -.mandala-container .mandala-accent-1 { - font-size: 1.5rem -} - -.mandala-container .mandala-accent-2 { - font-size: 1.3rem -} - -.mandala-container .mandala-accent-3 { - font-size: 1.2rem -} - -.mandala-container .mandala-accent-4 { - font-size: 1.1rem -} - -.mandala-container .mandala-accent-5 { - font-size: 1rem -} - -.mandala-container.animate-colors svg>text>textPath>tspan { - -webkit-animation: mandala-color-change 50s infinite; - animation: mandala-color-change 50s infinite; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out -} - -.mandala-container.animate-colors svg>text>textPath>tspan { - fill: var(--mandala-primary) -} - -.mandala-container.animate-colors .mandala-accent-1>textPath>tspan { - fill: var(--mandala-accent-1); - -webkit-animation-delay: -15s; - animation-delay: -15s -} - -.mandala-container.animate-colors .mandala-accent-2>textPath>tspan { - fill: var(--mandala-accent-2); - -webkit-animation-delay: -20s; - animation-delay: -20s -} - -.mandala-container.animate-colors .mandala-accent-3>textPath>tspan { - fill: var(--mandala-accent-3); - -webkit-animation-delay: -30s; - animation-delay: -30s -} - -.mandala-container.animate-colors .mandala-accent-5>textPath>tspan { - fill: var(--mandala-accent-4); - -webkit-animation-delay: -40s; - animation-delay: -40s -} - -@-webkit-keyframes rotation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg) - } - - to { - -webkit-transform: rotate(1turn); - transform: rotate(1turn) - } -} - -@keyframes rotation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg) - } - - to { - -webkit-transform: rotate(1turn); - transform: rotate(1turn) - } -} - -@-webkit-keyframes mandala-color-change { - 0% { - fill: var(--mandala-primary) - } - - 10% { - fill: var(--mandala-primary) - } - - 15% { - fill: var(--mandala-accent-1) - } - - 20% { - fill: var(--mandala-primary) - } - - 25% { - fill: var(--mandala-primary) - } - - 30% { - fill: var(--mandala-accent-2) - } - - 35% { - fill: var(--mandala-primary) - } - - 40% { - fill: var(--mandala-primary) - } - - 50% { - fill: var(--mandala-accent-3) - } - - 55% { - fill: var(--mandala-primary) - } - - 60% { - fill: var(--mandala-primary) - } - - 65% { - fill: var(--mandala-accent-4) - } - - 70% { - fill: var(--mandala-primary) - } - - to { - fill: var(--mandala-primary) - } -} - -@keyframes mandala-color-change { - 0% { - fill: var(--mandala-primary) - } - - 10% { - fill: var(--mandala-primary) - } - - 15% { - fill: var(--mandala-accent-1) - } - - 20% { - fill: var(--mandala-primary) - } - - 25% { - fill: var(--mandala-primary) - } - - 30% { - fill: var(--mandala-accent-2) - } - - 35% { - fill: var(--mandala-primary) - } - - 40% { - fill: var(--mandala-primary) - } - - 50% { - fill: var(--mandala-accent-3) - } - - 55% { - fill: var(--mandala-primary) - } - - 60% { - fill: var(--mandala-primary) - } - - 65% { - fill: var(--mandala-accent-4) - } - - 70% { - fill: var(--mandala-primary) - } - - to { - fill: var(--mandala-primary) - } -} - -.featured-articles { - align-items: flex-start; - display: flex; - flex-direction: column; - gap: 1rem; - padding: 0 1rem -} - -.featured-articles h2 { - font: var(--type-heading-h4); - margin-top: 0 -} - -.featured-articles .tile-container { - grid-gap: 1rem; - display: grid; - gap: 1rem; - grid-auto-flow: row; - max-width: 52rem -} - -@media screen and (min-width:769px) { - .featured-articles .tile-container { - grid-template-columns: repeat(2, 1fr) - } -} - -.featured-articles .article-tile { - border: 1px solid var(--border-primary); - border-radius: .5rem; - display: flex; - flex-direction: column; - padding: 1rem -} - -.featured-articles .article-tile:hover { - box-shadow: var(--shadow-02) -} - -.featured-articles .article-tile .tile-tag { - color: var(--text-primary); - font-weight: 500 -} - -.featured-articles .article-tile .tile-tag:hover { - text-decoration: underline -} - -.featured-articles .article-tile .tile-title { - align-items: flex-end; - display: flex; - flex-grow: 1; - font: var(--type-heading-h5); - font-weight: 500; - line-height: var(--intermediate-line-height); - margin: 0 0 1rem -} - -.featured-articles .article-tile .tile-title a { - color: var(--text-primary) -} - -.featured-articles .article-tile .tile-title a:focus, -.featured-articles .article-tile .tile-title a:hover { - text-decoration: underline -} - -.featured-articles .article-tile p { - font: var(--type-smaller-font-size); - line-height: var(--base-line-height); - margin: 0; - max-height: calc(3em*var(--base-line-height)); - overflow: hidden; - position: relative -} - -.featured-articles .article-tile p:after { - background: linear-gradient(to right, transparent, var(--background-primary) 75%); - content: ""; - display: block; - height: calc(1em*var(--base-line-height)); - pointer-events: none; - position: absolute; - right: 0; - top: calc(2em*var(--base-line-height)); - width: 20ch -} - -.featured-articles .article-tile p:dir(rtl):after { - background: linear-gradient(to left, transparent, var(--background-primary) 75%); - left: 0; - right: auto -} - -@media screen and (min-width:769px) { - .featured-articles .article-tile p { - min-height: calc(3em*var(--base-line-height)) - } -} - -.latest-news { - display: flex; - flex-direction: column; - gap: 1rem; - max-width: 52rem; - padding: 0 1rem; - width: 100% -} - -@media screen and (min-width:1200px) { - .latest-news { - padding: 0 - } -} - -.latest-news h2 { - font: var(--type-heading-h4); - margin-top: 1rem -} - -.latest-news h5 { - margin: 0 -} - -.latest-news .news-item { - display: flex; - flex-direction: column; - justify-content: space-between; - padding: .7rem -} - -@media screen and (min-width:769px) { - .latest-news .news-item { - flex-direction: revert - } -} - -.latest-news .news-item:nth-child(odd) { - background: var(--background-secondary); - border-radius: var(--elem-radius) -} - -.latest-news .news-item .news-date { - align-items: center; - display: flex; - font-size: 12px; - line-height: 175% -} - -.latest-news .news-title { - display: flex; - flex-direction: column; - gap: .125rem; - line-height: var(--base-line-height); - margin: 0 -} - -.latest-news .news-title a { - color: var(--text-primary) -} - -.latest-news .news-title a:hover { - color: var(--text-primary); - text-decoration: underline -} - -.latest-news .news-title .news-source { - color: var(--text-secondary); - font-size: var(--type-tiny-font-size) -} - -.recent-contributions { - display: flex; - flex-direction: column; - gap: 1rem; - max-width: 52rem; - padding: 0 1rem; - width: 100% -} - -@media screen and (min-width:1200px) { - .recent-contributions { - padding: 0 - } -} - -.recent-contributions h2 { - font: var(--type-heading-h4); - margin-top: 1rem -} - -.recent-contributions h5 { - margin: 0 -} - -.recent-contributions .request-item { - display: flex; - flex-direction: column; - justify-content: space-between; - padding: .7rem -} - -@media screen and (min-width:769px) { - .recent-contributions .request-item { - flex-direction: revert - } -} - -.recent-contributions .request-item:nth-child(odd) { - background: var(--background-secondary); - border-radius: var(--elem-radius) -} - -.recent-contributions .request-item .request-date { - align-items: center; - display: flex; - font-size: 12px; - line-height: 175% -} - -.recent-contributions .request-title { - display: flex; - flex-direction: column; - gap: .125rem; - line-height: var(--base-line-height); - margin: 0 -} - -.recent-contributions .request-title a { - color: var(--text-primary) -} - -.recent-contributions .request-title a:hover { - color: var(--text-primary); - text-decoration: underline -} - -.recent-contributions .request-title .request-repo { - color: var(--text-secondary); - font-size: var(--type-tiny-font-size) -} - -.contributor-spotlight { - align-items: center; - color: var(--text-primary); - display: flex; - flex-direction: column; - padding: 2rem 1rem; - position: relative; - width: 100% -} - -.contributor-spotlight blockquote { - border: 0; - display: flex; - font-style: italic; - margin: 0; - padding: 0 -} - -.contributor-spotlight blockquote .icon { - margin-right: .5rem; - margin-top: .25rem -} - -.contributor-spotlight h4 { - font-family: var(--font-body); - font-size: var(--type-smaller-font-size) -} - -.contributor-spotlight .text-col { - align-items: center; - border-radius: .3rem; - display: flex; - flex-direction: column; - gap: 1rem; - max-width: 52rem; - width: 100% -} - -.contributor-spotlight .text-col h3 { - font-size: var(--type-heading-h5-font-size) -} - -.contributor-spotlight .spotlight-cta { - --button-bg: var(--text-link); - --button-border-color: #1b1b1b; - --button-color: var(--mdn-color-black); - --button-radius: 10rem; - --button-padding: 1rem; - --button-primary-hover: #696969; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content -} - -.contributor-spotlight .wrapper { - align-items: center; - display: flex; - flex-direction: column; - gap: 2rem; - max-width: 52rem; - padding: 2rem 1rem; - width: 100% -} - -.contributor-spotlight .contributor-graphic { - align-items: center; - display: flex; - justify-content: center; - width: 50%; - word-break: break-word -} - -.contributor-spotlight .contributor-graphic img { - height: -webkit-max-content; - height: max-content; - max-width: 90% -} - -.contributor-spotlight .contributor-name { - background-color: var(--mdn-color-white); - color: var(--mdn-color-black); - font-size: 1.5rem; - font-weight: 650; - line-height: 1.4; - text-transform: uppercase; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content -} - -.contributor-spotlight .contributor-name:after, -.contributor-spotlight .contributor-name:before { - content: " " -} - -.contributor-spotlight .contributor-name:link, -.contributor-spotlight .contributor-name:visited { - color: var(--mdn-color-black); - text-decoration: none -} - -.contributor-spotlight .contributor-name:focus, -.contributor-spotlight .contributor-name:hover { - text-decoration: underline -} - -@media screen and (min-width:769px) { - .contributor-spotlight .wrapper { - align-items: normal; - flex-direction: row - } - - .contributor-spotlight .text-col { - align-items: normal; - text-align: left - } -} - -.contributor-spotlight .mandala-container { - --mandala-primary: var(--border-primary); - background: rgba(1, 1, 1, .9); - height: 100%; - overflow: hidden; - position: absolute; - top: 0; - width: 100%; - z-index: -1 -} - -.contributor-spotlight .mandala-container .mandala-translate { - -webkit-transform: translate(-5rem); - transform: translate(-5rem) -} - -@-webkit-keyframes slow-pulse { - 0% { - opacity: 0 - } - - 50% { - opacity: 1 - } - - to { - opacity: 0 - } -} - -@keyframes slow-pulse { - 0% { - opacity: 0 - } - - 50% { - opacity: 1 - } - - to { - opacity: 0 - } -} - -.generic-loading { - align-items: center; - -webkit-animation: slow-pulse 2s infinite normal; - animation: slow-pulse 2s infinite normal; - -webkit-animation-delay: 1s; - animation-delay: 1s; - display: flex; - justify-content: center; - width: 100% -} - -.bc-table { - border: 1px solid var(--border-primary); - border-collapse: separate; - border-radius: var(--elem-radius); - border-spacing: 0; - margin: 1rem 0; - width: 100% -} - -.bc-table td, -.bc-table th { - border-width: 1px; - border-bottom: 1px solid var(--border-secondary); - border-left: 1px solid var(--border-secondary); - border-right: 0 solid var(--border-secondary); - border-top: 0 solid var(--border-secondary); - font-weight: 500; - padding: 0 -} - -@media screen and (min-width:769px) { - - .bc-table td, - .bc-table th { - padding: .4rem - } - - .bc-table td, - .bc-table td code, - .bc-table th, - .bc-table th code { - font-size: var(--type-smaller-font-size) - } -} - -.bc-table th { - padding: .4rem -} - -.bc-table tbody tr { - height: 3rem -} - -@media screen and (min-width:769px) { - - .bc-table tbody tr:last-child td, - .bc-table tbody tr:last-child th { - border-bottom-width: 0 - } -} - -.bc-table tbody tr th { - border-left-width: 0; - vertical-align: middle -} - -.bc-table tbody .bc-support { - vertical-align: top -} - -.bc-table tbody .bc-support button { - cursor: pointer; - width: 100% -} - -.bc-table tbody .bc-support.bc-supports-no>button>span { - color: var(--text-primary-red) -} - -.bc-table tbody .bc-support.bc-supports-partial>button>span { - color: var(--text-primary-yellow) -} - -.bc-table tbody .bc-support.bc-supports-preview>button>span { - color: var(--text-primary-blue) -} - -.bc-table tbody .bc-support.bc-supports-yes>button>span { - color: var(--text-primary-green) -} - -.bc-table tbody .bc-history td { - border-left-width: 0 -} - -.bc-table tbody .bc-history .icon.icon-removed-partial { - -webkit-mask-image: url(/static/media/partial.2d8806d709221f07c72c.svg); - mask-image: url(/static/media/partial.2d8806d709221f07c72c.svg) -} - -.bc-table th { - background: var(--background-tertiary); - vertical-align: bottom -} - -.bc-table .bc-supports { - margin-bottom: 1rem -} - -.bc-table .bc-supports .icon-wrap { - background: var(--background-primary) -} - -.bc-table .bc-supports.bc-supports-removed-partial .bcd-cell-text-copy { - color: var(--text-primary-yellow) -} - -.bc-table .icon-wrap .bc-support-level { - clip: rect(0 0 0 0); - border: 0; - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute !important; - width: 1px -} - -.bc-table .bc-support>button>.icon-wrap { - display: block -} - -.bc-table .bc-support .icon.icon-removed-partial { - background-color: var(--icon-critical); - -webkit-mask-image: url(/static/media/no.d2e0aa3e7440f80dccd6.svg); - mask-image: url(/static/media/no.d2e0aa3e7440f80dccd6.svg) -} - -.bc-table .bc-support.bc-supports-removed-partial .bcd-cell-text-copy { - color: var(--text-primary-red) -} - -.bc-table .bc-feature-depth-2 { - border-left-width: 8px -} - -.bc-head-txt-label { - left: calc(50% - .5rem); - line-height: 1; - padding-top: .5rem; - position: relative; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); - white-space: nowrap; - -webkit-writing-mode: vertical-rl; - writing-mode: vertical-rl -} - -.bc-head-icon-symbol { - margin-bottom: .3rem -} - -.bc-support { - text-align: center; - vertical-align: middle -} - -.bc-level-no { - background-color: var(--icon-critical) -} - -.bc-level-preview { - background-color: var(--icon-information) -} - -.bc-legend-items-container { - display: flex; - flex-wrap: wrap; - font-size: var(--type-smaller-font-size); - gap: 1.5rem; - margin-bottom: 2rem -} - -.bc-legend-tip { - font-size: var(--type-smaller-font-size); - font-style: italic; - margin-bottom: 1rem; - margin-top: 0 -} - -.bc-legend-item { - align-items: center; - display: flex; - gap: .5rem -} - -.bc-legend-item-dt { - display: flex -} - -.bc-legend-item-dt .icon { - background-color: var(--icon-primary) -} - -.bc-platforms { - height: 2rem -} - -.bc-platforms th { - text-align: center -} - -.bc-platforms td { - border: none -} - -.bc-browsers th { - text-align: center -} - -.bc-browsers td { - border-width: 0 0 1px -} - -.bc-notes-list { - margin: .5rem 0; - position: relative; - text-align: left; - width: 100% -} - -.bc-notes-list:before { - background: var(--border-primary); - content: ""; - height: calc(100% - .25rem); - left: 7px; - margin-top: .25rem; - position: absolute; - width: 2px; - z-index: -1 -} - -.bc-notes-list .bc-notes-wrapper:last-child dd:last-child { - position: relative -} - -.bc-notes-list .bc-notes-wrapper:last-child dd:last-child:before { - background: var(--background-primary); - bottom: 0; - content: ""; - height: calc(100% - 6px); - left: 7px; - position: absolute; - width: 2px; - z-index: -1 -} - -.bc-notes-list .bc-level-yes.icon.icon-yes { - background-color: var(--icon-success); - -webkit-mask-image: url(/static/media/yes-circle.1c4f7a083d20df35ca93.svg); - mask-image: url(/static/media/yes-circle.1c4f7a083d20df35ca93.svg) -} - -.bc-notes-list .bc-supports-dd .icon { - background: var(--border-primary); - border: 3px solid var(--background-primary); - border-radius: 50%; - -webkit-mask-image: none; - mask-image: none -} - -.bc-notes-list .bc-version-label { - display: inline -} - -.bc-notes-list abbr { - margin-right: 4px -} - -.bc-notes-list dd { - margin-bottom: 1rem; - padding-left: 1.5rem; - text-indent: -1.5rem -} - -.bc-notes-list dd:last-child { - margin-bottom: 2rem -} - -.bc-notes-wrapper { - color: var(--text-primary); - margin-bottom: 1rem -} - -.bc-notes-wrapper:last-child { - margin-bottom: 0 -} - -dl.bc-notes-list dt.bc-supports { - margin-top: 1rem -} - -dl.bc-notes-list dt.bc-supports:first-child { - margin-top: 0 -} - -dl.bc-notes-list dd.bc-supports-dd { - margin-bottom: 1rem -} - -dl.bc-notes-list dd.bc-supports-dd:last-child { - margin-bottom: 0 -} - -.offscreen, -.only-icon span { - clip: rect(0 0 0 0); - border: 0; - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute !important; - width: 1px -} - -.bc-table-row-header { - align-items: baseline; - display: inline-flex; - width: 100% -} - -.bc-table-row-header code { - overflow: hidden -} - -.bc-table-row-header .left-side, -.bc-table-row-header .right-side { - overflow: hidden; - white-space: pre -} - -.bc-table-row-header .left-side { - flex: 0 1 auto; - text-overflow: ellipsis -} - -.bc-table-row-header .right-side { - flex: 1 0 auto -} - -.bc-table-row-header .bc-icons { - display: flex; - gap: .5rem; - margin-top: .25rem -} - -.bc-table-row-header .bc-icons .icon { - background-color: var(--icon-secondary) -} - -.bc-table-row-header .bc-icons .icon:hover { - background-color: var(--icon-primary) -} - -.bc-github-link { - font: var(--type-smaller-font-size) -} - -.main-page-content .bc-legend dd, -.main-page-content .bc-legend dt { - margin-bottom: 0; - margin-left: 0; - margin-top: 0 -} - -.main-page-content .bc-supports-dd { - margin: 0 -} - -@media screen and (max-width:425px) { - thead { - display: none - } - - td.bc-support { - border-left-width: 0; - display: block - } - - .bc-feature, - .bc-history>td, - .bc-support>button { - align-content: center; - display: flex; - flex-wrap: wrap; - gap: .5rem - } - - .bc-history-desktop { - display: none - } - - .table-scroll { - overflow-x: auto - } -} - -@media screen and (min-width:426px) { - .bc-table thead { - display: table-header-group - } - - .bc-table thead .bc-platforms th { - vertical-align: revert - } - - .bc-table td, - .bc-table th { - background: inherit; - padding: .25rem; - width: 2rem - } - - .bc-table td.bc-support { - padding: 0 - } - - .bc-table td.bc-support>button { - padding: .25rem - } - - .bc-table tr.bc-history-desktop { - display: table-row - } - - .table-scroll { - margin: 0 -3rem; - overflow: auto; - width: 100vw - } - - .table-scroll-inner { - min-width: -webkit-max-content; - min-width: max-content; - padding: 0 3rem; - position: relative - } - - .table-scroll-inner:after { - bottom: 0; - content: ""; - height: 10px; - position: absolute; - right: 0; - width: 10px - } - - .bc-browser-name, - .bc-support-level { - display: none - } - - .bc-notes-list { - margin-left: 20%; - width: auto - } - - .bc-support .bc-support-level { - display: none - } - - .bc-support[aria-expanded=true] { - position: relative - } - - .bc-support[aria-expanded=true]:after { - background: var(--text-primary); - bottom: -1px; - content: ""; - height: 2px; - left: 0; - position: absolute; - width: 100% - } - - .bc-support[aria-expanded=true] .bc-history-mobile { - display: none - } - - .bc-has-history { - cursor: pointer - } - - .bc-has-history:hover { - background: var(--background-secondary) - } -} - -@media screen and (min-width:769px) { - .table-scroll { - width: calc(100% + 6rem) - } - - .bc-table tbody th { - width: 20% - } -} - -@media screen and (min-width:1200px) { - .table-scroll { - margin: 0; - width: 100% - } - - .table-scroll-inner { - padding: 0 - } -} - -.bcd-cell-text-wrapper { - display: flex; - gap: .5rem -} - -@media screen and (min-width:769px) { - .bcd-cell-text-wrapper { - align-items: center; - flex-direction: column - } -} - -.bcd-cell-text-copy { - color: var(--text-primary); - display: flex; - gap: .5rem -} - -.bc-supports-yes .bcd-cell-text-copy { - color: var(--text-primary-green) -} - -.bc-supports-no .bcd-cell-text-copy { - color: var(--text-primary-red) -} - -.bc-supports-partial .bcd-cell-text-copy { - color: var(--text-primary-yellow) -} - -.bcd-cell-icons { - display: flex; - gap: .5rem -} - -@media screen and (min-width:769px) { - .bcd-cell-icons { - display: block - } -} - -.bc-notes-wrapper .bcd-cell-text-wrapper { - flex-direction: row -} - -@media screen and (min-width:769px) { - .bc-table td { - height: 2rem - } - - .bc-table td.bc-support>button { - padding: .5rem .25rem - } -} - -.container { - margin-left: auto; - margin-right: auto; - max-width: var(--max-width); - padding-left: var(--gutter); - padding-right: var(--gutter); - width: 100% -} - -.logo { - align-items: center; - display: flex -} - -.logo svg { - height: 1.5rem; - margin-top: .3rem -} - -.dark .logo-text, -.high-contrast-black .logo-text { - fill: #fff -} - -.auth-container .signin-link { - align-items: center; - display: inline-flex; - font-weight: var(--font-body-strong-weight); - height: 2rem; - text-align: center -} - -.auth-container .signin-link:link, -.auth-container .signin-link:visited { - color: var(--text-secondary) -} - -.mdn-plus-subscribe-link { - --button-padding: 1rem; - margin: 0 auto; - max-width: 150px; - text-align: center; - white-space: nowrap -} - -.auth-container { - display: flex; - flex-flow: column-reverse; - font-family: var(--font-body); - font-size: var(--type-smaller-font-size); - font-weight: var(--font-body-strong-weight); - gap: .5rem; - list-style: none; - margin-bottom: .5rem; - padding: 0; - text-align: center -} - -@media screen and (min-width:992px) { - .auth-container { - align-items: center; - flex-flow: row; - gap: 1rem; - justify-content: flex-end; - margin: 0; - text-align: left; - text-align: initial; - width: -webkit-min-content; - width: min-content - } -} - -@media screen and (min-width:820px) { - .auth-container { - width: auto - } -} - -.submenu { - background-color: var(--background-primary); - list-style: none; - margin: 0; - padding: 0 -} - -.submenu li { - width: 100% -} - -.submenu .submenu-item, -.submenu a { - align-items: center; - border: 1px solid transparent; - color: var(--text-primary); - display: flex; - height: 100%; - padding: .5rem; - width: 100% -} - -li:last-child .submenu .submenu-item:not(:focus), -li:last-child .submenu a:not(:focus) { - border-bottom-color: transparent -} - -.submenu .submenu-item:hover, -.submenu a:hover { - background-color: var(--border-secondary); - text-decoration: none -} - -.main-menu .submenu .submenu-item:hover, -.main-menu .submenu a:hover { - background-color: var(--background-secondary) -} - -.submenu .submenu-item:focus, -.submenu a:focus { - border: 1px solid var(--button-secondary-border-focus); - box-shadow: var(--button-focus-effect) -} - -.submenu .submenu-item .icon, -.submenu a .icon { - margin-right: .5rem -} - -@media screen and (min-width:992px) { - .submenu.inline-submenu-lg { - background-color: var(--background-secondary); - border: 1px solid var(--border-primary); - border-radius: var(--elem-radius); - box-shadow: var(--shadow-02); - max-width: 25rem; - padding: .5rem; - position: absolute; - top: calc(100% + 4px); - width: -webkit-max-content; - width: max-content; - z-index: var(--z-index-mid) - } - - .main-menu .submenu.inline-submenu-lg { - background-color: var(--background-primary) - } - - .submenu.inline-submenu-lg .submenu-item { - border-radius: var(--elem-radius); - padding: .75rem - } - - .submenu.inline-submenu-lg:before { - content: ""; - display: block; - height: 8px; - left: 0; - position: absolute; - top: -8px; - width: 100% - } -} - -@media screen and (min-width:769px) { - .submenu:not(.inline-submenu-lg) { - background-color: var(--background-secondary); - border: 1px solid var(--border-primary); - border-radius: var(--elem-radius); - box-shadow: var(--shadow-02); - max-width: 25rem; - padding: .5rem; - position: absolute; - top: calc(100% + 4px); - width: -webkit-max-content; - width: max-content; - z-index: var(--z-index-mid) - } - - .main-menu .submenu:not(.inline-submenu-lg) { - background-color: var(--background-primary) - } - - .submenu:not(.inline-submenu-lg) .submenu-item { - border-radius: var(--elem-radius); - padding: .75rem - } - - .submenu:not(.inline-submenu-lg):before { - content: ""; - display: block; - height: 8px; - left: 0; - position: absolute; - top: -8px; - width: 100% - } -} - -.submenu-header { - display: block; - padding: 1rem -} - -.submenu-header .submenu-item { - padding: 0 -} - -.submenu-header .submenu-item:hover { - background: none -} - -@media screen and (min-width:769px) { - .submenu-header { - border-bottom: 1px solid var(--border-primary) - } -} - -.submenu-icon { - background-color: var(--icon-primary); - height: 2rem; - margin-right: .75rem; - position: relative; - width: .2rem -} - -.submenu-item, -.submenu-item-heading { - font-size: var(--type-smaller-font-size) -} - -@media screen and (min-width:769px) { - - .submenu-item-heading:not(:only-child), - .submenu-item:not(:only-child) { - font-weight: var(--font-body-strong-weight) - } -} - -.submenu-item-description { - display: none -} - -@media screen and (min-width:769px) { - .submenu-item-description { - display: block; - font-size: var(--type-tiny-font-size); - margin: .25rem 0 0 - } -} - -.submenu-item-subtext { - font-weight: var(--font-body-strong-weight) -} - -.submenu-item-dot~.submenu-content-container>.submenu-item-heading:after { - background: var(--text-primary-blue); - border: 1px solid var(--background-primary); - border-radius: 2rem; - content: ""; - display: inline-block; - height: .5rem; - margin-left: .5rem; - width: .5rem -} - -.active-menu-item { - background-color: var(--background-primary); - border-color: var(--border-secondary) -} - -.guides .submenu .submenu-item-heading { - font-size: var(--type-smaller-font-size); - font-weight: 400 -} - -.guides .desktop-only { - display: none -} - -@media screen and (min-width:992px) { - .guides .desktop-only { - display: inherit - } - - .guides .mobile-only { - display: none - } -} - -.references .desktop-only { - display: none -} - -@media screen and (min-width:992px) { - .references .desktop-only { - display: inherit - } - - .references .mobile-only { - display: none - } -} - -.html-link-container a:focus .submenu-icon.html, -.html-link-container a:hover .submenu-icon.html { - background: var(--html-accent-color) !important -} - -.css-link-container a:focus .submenu-icon.css, -.css-link-container a:hover .submenu-icon.css { - background-color: var(--css-accent-color) !important -} - -.javascript-link-container a:focus .submenu-icon.javascript, -.javascript-link-container a:hover .submenu-icon.javascript { - background-color: var(--js-accent-color) !important -} - -.http-link-container a:focus .submenu-icon.http, -.http-link-container a:hover .submenu-icon.http { - background-color: var(--http-accent-color) !important -} - -.apis-link-container a:focus .submenu-icon.apis, -.apis-link-container a:hover .submenu-icon.apis { - background-color: var(--apis-accent-color) !important -} - -.learn-link-container a:focus .submenu-icon.learn, -.learn-link-container a:hover .submenu-icon.learn { - background-color: var(--learn-accent-color) !important -} - -.submenu-icon.html { - background-color: var(--html-accent-engage) -} - -.submenu-icon.css { - background-color: var(--css-accent-engage) -} - -.submenu-icon.javascript { - background-color: var(--js-accent-engage) -} - -.submenu-icon.http { - background-color: var(--http-accent-engage) -} - -.submenu-icon.apis { - background-color: var(--apis-accent-engage) -} - -.submenu-icon.learn { - background-color: var(--learn-accent-engage) -} - -.mdn-plus .submenu-icon { - background-color: var(--plus-accent-color) -} - -.mdn-plus .note { - background-color: var(--background-information) -} - -.mdn-plus .note .submenu-item-description { - display: block; - margin: .125rem -} - -@media screen and (min-width:992px) { - .mdn-plus .mobile-only { - display: none - } -} - -ul.main-menu { - grid-gap: 1rem; - box-sizing: border-box; - list-style: none; - margin-top: 1rem; - padding: 0; - width: 100% -} - -ul.main-menu.show { - display: block -} - -@media screen and (min-width:992px) { - ul.main-menu.show { - display: flex - } - - ul.main-menu { - align-items: center; - display: flex; - justify-content: space-around; - margin: 0 auto 0 0; - max-width: 310px - } -} - -@media screen and (min-width:992px) { - ul.main-menu li:last-child { - flex-basis: inherit - } - - ul.main-menu .menu-toggle, - ul.main-menu .submenu, - ul.main-menu .submenu.show { - display: none - } -} - -@media screen and (min-width:992px) { - - ul.main-menu .top-level-entry-container:focus-within .submenu, - ul.main-menu .top-level-entry-container:hover .submenu { - display: block - } - - .open-on-focus-within:focus-within .watch-submenu { - display: flex - } - - .open-on-focus-within:focus-within .submenu { - display: block - } - - .open-on-focus-within .submenu, - .open-on-focus-within .watch-submenu { - display: none - } -} - -.avatar, -.avatar-wrap { - border-radius: 50% -} - -.avatar-wrap { - height: 32px; - margin-left: -7px; - margin-right: .1rem; - position: relative; - width: 32px -} - -@media screen and (min-width:769px) { - .avatar { - margin: initial - } -} - - .signout-form { - padding: .5rem -} - -@media screen and (min-width:769px) { - .signout-form { - border-top: 1px solid var(--border-primary) - } -} - -button.signout-button { - width: 100% -} - -button.signout-button:focus, -button.signout-button:hover { - background-color: var(--background-secondary) -} - -.user-menu { - position: relative -} - -.user-menu .submenu-header { - display: none -} - -.user-menu .button.user-menu-toggle .notification-dot~.avatar-wrap:after { - background: var(--text-primary-blue); - border: 1px solid var(--background-primary); - border-radius: 2rem; - bottom: 0; - content: ""; - height: .5rem; - position: absolute; - right: 0; - width: .5rem -} - -@media screen and (max-width:992px) { - .user-menu .user-menu-toggle:hover { - --button-bg: transparent - } -} - -@media screen and (min-width:992px) { - - .user-menu .button.user-menu-toggle:focus, - .user-menu .button.user-menu-toggle:focus .button-wrap, - .user-menu .button.user-menu-toggle:hover, - .user-menu .button.user-menu-toggle:hover .button-wrap { - background: transparent; - border-color: transparent; - box-shadow: none - } - - .user-menu .button.user-menu-toggle:focus .avatar { - border: 1px solid var(--button-secondary-border-focus); - box-shadow: var(--focus-effect) - } - - .user-menu .button.user-menu-toggle:after { - display: none - } - - .user-menu .submenu-header { - display: block; - margin-bottom: .5rem; - padding: 0 0 .5rem - } - - .user-menu .submenu-item { - padding: .5rem - } - - .user-menu .signout-container { - margin-top: .5rem - } - - .user-menu .user-menu-id { - display: none - } - - .user-menu .submenu { - left: auto; - max-width: -webkit-max-content; - max-width: max-content; - right: 0 - } -} - -.dropdown { - position: relative -} - -.dropdown-list { - background: var(--background-secondary); - border: 1px solid var(--border-primary); - border-radius: var(--elem-radius); - box-shadow: var(--shadow-01); - left: 0; - padding: .5rem; - position: absolute; - top: calc(100% + 2px); - z-index: var(--z-index-low) -} - -.dropdown.is-flush-right .dropdown-list { - left: auto; - right: 0 -} - -.dropdown-item .button.action { - width: 100% -} - -.dropdown-item .button.action .button-wrap { - --button-font: var(--type-smaller-font-size); - --button-bg: transparent; - justify-content: flex-start; - text-align: left; - text-transform: none -} - -.dropdown-item .button.action .button-wrap:hover { - --button-bg: var(--button-secondary-hover) -} - -.dropdown-item .button.action.active-menu-item { - --button-bg: var(--background-primary); - --button-border-color: var(--border-secondary) -} - -.top-navigation-main { - display: none; - justify-content: space-between; - padding: 0; - width: 100% -} - -.show-nav .top-navigation-main { - display: flex; - flex-direction: column -} - -.top-navigation-main .auth-container { - order: 0 -} - -.top-navigation-main .header-search { - order: 1 -} - -.top-navigation-main .main-nav { - order: 2 -} - -.top-navigation-main .notifications-menu { - order: 3 -} - -.top-navigation-main .user-menu { - order: 4 -} - -.top-navigation-main .top-level-entry-container { - position: relative -} - -.top-navigation-main .top-level-entry-container .submenu { - z-index: var(--z-index-nav-menu) -} - -.top-navigation-main .theme-toggle { - align-self: end; - margin-bottom: 1.5rem -} - -@media screen and (min-width:992px) { - .top-navigation-main .theme-toggle { - align-self: auto; - margin-bottom: 0 - } -} - -.top-navigation-main .button.action:hover { - --button-bg: var(--border-secondary) -} - -.is-transparent .top-navigation-main .button.action:not(:focus):hover { - --button-border-color: transparent -} - -.is-transparent .top-navigation-main .button.action:hover { - --button-bg: var(--accent-primary-engage) -} - -.top-navigation-main .button.action.search-button:hover { - --button-bg: transparent -} - -.top-navigation-main .top-level-entry { - background: none; - border-top: 1px solid var(--border-secondary); - color: var(--text-secondary); - cursor: pointer; - display: block; - padding: 1rem .5rem; - text-align: left; - width: 100% -} - -.top-navigation-main .top-level-entry:link, -.top-navigation-main .top-level-entry:visited { - color: var(--text-secondary) -} - -.top-navigation-main .top-level-entry.menu-toggle { - min-height: 53px; - padding: .5rem -} - -@media screen and (max-width:992px) { - .top-navigation-main .top-level-entry.button { - --button-color: var(--text-secondary); - --button-padding: 0; - --button-radius: 0 - } - - .top-navigation-main .top-level-entry.button .button-wrap { - background: none; - border: none; - gap: .5rem; - justify-content: flex-start; - padding: 0; - text-transform: none - } - - .top-navigation-main .top-level-entry.button:focus { - --button-focus-effect: none - } -} - -@media screen and (min-width:992px) { - .top-navigation-main .top-level-entry { - border-radius: var(--elem-radius); - border-top: none; - padding: .5rem - } - - .top-navigation-main .top-level-entry:focus, - .top-navigation-main .top-level-entry:hover { - background-color: var(--category-color-background); - color: var(--category-color); - text-decoration: none - } - - .top-navigation-main .top-level-entry.button { - padding: 0 - } -} - -.top-navigation-main .menu-toggle { - align-items: center; - display: flex; - justify-content: space-between; - position: relative -} - -.top-navigation-main .menu-toggle:after { - background-color: var(--icon-primary); - content: ""; - height: var(--icon-size); - margin-left: .2em; - margin-top: .2em; - -webkit-mask-image: url(/static/media/chevron.05a124d379047e16d746.svg); - mask-image: url(/static/media/chevron.05a124d379047e16d746.svg); - width: var(--icon-size) -} - -.top-navigation-main .menu-toggle[aria-expanded=true]:after { - -webkit-transform: rotate(180deg); - transform: rotate(180deg) -} - -.top-navigation-main .menu-toggle+.top-level-entry { - display: none -} - -@media screen and (min-width:992px) { - .top-navigation-main { - align-items: center; - display: flex; - flex: 1 1; - flex-direction: row; - gap: .5rem; - left: inherit; - padding: 0; - position: static; - top: inherit; - z-index: inherit - } - - .show-nav .top-navigation-main { - flex-direction: row - } - - .top-navigation-main .main-nav { - order: 0 - } - - .top-navigation-main .header-search { - order: 1 - } - - .top-navigation-main .notifications-menu { - order: 2 - } - - .top-navigation-main .auth-container { - order: 3 - } - - .top-navigation-main .user-menu { - order: 4 - } - - .top-navigation-main .main-nav { - margin-right: auto; - width: -webkit-max-content; - width: max-content - } - - .top-navigation-main .menu-toggle+.top-level-entry { - display: inline-flex - } -} - - .theme-switcher-menu { - margin-bottom: .5rem -} - -.theme-switcher-menu .button.action>.button-wrap { - text-transform: none -} - -.theme-switcher-menu .themes-menu .button.button { - --button-bg: transparent; - --button-border-color: var(--button-bg); - --button-color: var(--text-primary); - border-bottom-width: 0; - font-size: var(--type-smaller-font-size); - width: 100% -} - -.theme-switcher-menu .themes-menu .button.button .button-wrap { - border-width: 1px; - font-weight: 400; - justify-content: flex-start; - padding: 1rem -} - -.theme-switcher-menu .themes-menu .button.button:focus { - --button-border-color: var(--button-secondary-border-focus) -} - -.theme-switcher-menu .themes-menu .button.button:hover { - --button-bg: var(--border-secondary) -} - -.theme-switcher-menu .active-menu-item .button-wrap, -.theme-switcher-menu .active-menu-item:hover .button-wrap { - --button-bg: var(--background-primary); - --button-border-color: var(--border-secondary) -} - -.theme-switcher-menu .active-menu-item:focus .button-wrap { - --button-border-color: var(--button-secondary-border-focus) -} - -@media screen and (min-width:769px) { - .theme-switcher-menu { - border-bottom: 0; - margin-bottom: 0 - } - - .theme-switcher-menu .themes-menu { - top: calc(100% - 1rem) - } - - .theme-switcher-menu .themes-menu.show { - display: flex; - flex-direction: column; - gap: .5rem; - max-width: -webkit-max-content; - max-width: max-content; - min-width: 130px - } - - .theme-switcher-menu .themes-menu .submenu-item { - padding: .5rem 1rem - } -} - -.languages-switcher-menu>.button .button-wrap:after, -.theme-switcher-menu>.button .button-wrap:after { - background-color: var(--icon-secondary); - content: ""; - display: block; - height: 16px; - margin-left: auto; - -webkit-mask-image: url(/static/media/chevron.05a124d379047e16d746.svg); - mask-image: url(/static/media/chevron.05a124d379047e16d746.svg); - -webkit-mask-size: 16px; - mask-size: 16px; - width: 16px -} - -.languages-switcher-menu>.button[aria-expanded=true] .button-wrap:after, -.theme-switcher-menu>.button[aria-expanded=true] .button-wrap:after { - -webkit-transform: rotate(180deg); - transform: rotate(180deg) -} - -@media screen and (min-width:992px) { - - .languages-switcher-menu>.button .button-wrap:after, - .theme-switcher-menu>.button .button-wrap:after { - content: normal - } -} - -.maintenance { - color: var(--text-primary); - cursor: help; - flex-flow: column -} - -.maintenance .maintenance-info-container { - cursor: default; - display: block; - margin: 0 1rem; - top: 2rem -} - -@media screen and (min-width:992px) { - .maintenance .maintenance-info-container { - padding-top: 1rem; - position: absolute - } -} - -.maintenance .maintenance-info-container .maintenance-info { - background-color: var(--background-primary); - border: 1px solid var(--border-primary); - border-radius: var(--elem-radius); - font-weight: 400; - padding: 1rem -} - -@media screen and (min-width:992px) { - .maintenance:not(:focus-within):not(:hover) .maintenance-info-container { - clip: rect(1px, 1px, 1px, 1px) !important; - border: 0 !important; - -webkit-clip-path: inset(50%) !important; - clip-path: inset(50%) !important; - height: 1px !important; - margin: -1px !important; - overflow: hidden !important; - padding: 0 !important; - position: absolute !important; - white-space: nowrap !important; - width: 1px !important - } -} - -.top-navigation { - background-color: var(--background-primary); - border-bottom: 1px solid var(--border-primary); - position: relative; - width: 100%; - z-index: 100 -} - -.top-navigation .container { - align-items: center; - background-color: var(--background-primary); - display: flex; - flex-flow: row wrap; - gap: var(--gutter) -} - -@media screen and (min-width:769px) { - .top-navigation .container { - background-color: transparent - } -} - -.top-navigation.is-transparent { - background-color: transparent -} - -.top-navigation .top-navigation-wrap { - align-items: center; - display: flex; - flex: 1 1; - height: var(--top-nav-height); - justify-content: space-between -} - -.top-navigation.show-nav { - box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2); - z-index: var(--z-index-top) -} - -.top-navigation.show-nav .container { - height: auto -} - -@media screen and (min-width:992px) { - .main-menu-toggle { - display: none - } - - .top-navigation .top-navigation-wrap { - flex: 0 1 - } -} - -.breadcrumbs-container { - align-items: center; - display: flex; - margin-right: auto -} - -.breadcrumbs-container ol { - line-height: 1.2 -} - -.breadcrumbs-container li { - display: none; - -webkit-hyphens: auto; - hyphens: auto -} - -.breadcrumbs-container li:first-child, -.breadcrumbs-container li:last-child { - display: inline-flex -} - -.breadcrumbs-container li .breadcrumb:after { - background-color: var(--icon-secondary); - content: ""; - display: block; - flex-shrink: 0; - height: 12px; - margin-right: .5rem; - -webkit-mask-image: url(/static/media/chevron.05a124d379047e16d746.svg); - mask-image: url(/static/media/chevron.05a124d379047e16d746.svg); - -webkit-mask-size: 12px; - mask-size: 12px; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - width: 12px -} - -.breadcrumbs-container li a { - align-items: center; - display: flex -} - -.breadcrumbs-container li a:link, -.breadcrumbs-container li a:visited { - color: var(--text-secondary) -} - -.breadcrumbs-container li a:hover { - text-decoration: underline -} - -.breadcrumbs-container li a:focus-visible { - outline: 0 -} - -.breadcrumbs-container li a:focus-visible [property=name] { - outline-color: var(--accent-primary); - outline-offset: 1px; - outline-style: auto -} - -.breadcrumbs-container li [property=name] { - display: inline-block; - margin-right: .5rem -} - -@media screen and (min-width:1200px) { - .breadcrumbs-container li { - display: inline-flex - } -} - -.watch-menu-item { - background-color: transparent; - border-bottom: 1px solid var(--border-primary); - color: var(--text-primary); - cursor: pointer; - padding: 0 -} - -.watch-menu-item:first-of-type { - border-top-width: 0 -} - -.watch-menu-item-inner { - grid-gap: .5rem; - display: grid; - gap: .5rem; - grid-template-areas: "status label""status text"; - grid-template-columns: 16px 1fr; - padding: .8125rem var(--gutter-padding); - text-align: left -} - -.watch-menu-item:focus .watch-menu-item-inner { - box-shadow: var(--focus-effect); - outline: 1px solid var(--button-secondary-border-focus) -} - -.watch-menu-item:hover .watch-menu-item-inner { - background-color: var(--border-secondary) -} - -.watch-menu-item-status { - grid-area: status -} - -.watch-menu-item-label { - font-family: var(--font-body); - font-size: var(--type-smaller-font-size); - font-weight: var(--font-body-strong-weight); - grid-area: label -} - -.watch-menu-item-text { - font-size: var(--type-smaller-font-size); - grid-area: text -} - -.toast { - --toast-bg: var(--text-primary); - --toast-color: var(--background-primary); - background: var(--toast-bg); - border-radius: var(--elem-radius); - bottom: 1rem; - box-shadow: var(--shadow-02); - display: flex; - gap: .5rem; - left: 50%; - max-width: 680px; - padding: 1rem 1rem 1rem 2rem; - position: fixed; - -webkit-transform: translate(-50%); - transform: translate(-50%); - width: 90vw -} - -.toast-content { - color: var(--toast-color); - margin-right: auto -} - -.toast .button.action { - --button-color: var(--toast-color); - white-space: nowrap -} - -.toast .button.action:hover { - --button-bg: rgba(58, 57, 68, .3); - --button-border-color: transparent -} - -.toast.is-important { - --toast-bg: var(--accent-secondary); - --toast-color: #fff -} - -.toast-verbose-text { - display: none -} - -@media screen and (min-width:769px) { - .toast-verbose-text { - display: inline - } - - .toast-short-text { - display: none - } -} - -.languages-switcher-menu.open-on-focus-within .submenu { - display: block -} - -.language-menu .submenu-item { - padding: .5rem -} - -@media(min-width:769px) { - .language-menu { - right: 0 - } -} - -.article-actions { - margin-left: auto -} - -.article-actions .article-actions-dialog-heading { - display: none -} - -.article-actions .button.action .button-wrap { - text-transform: none -} - -@media screen and (min-width:769px) { - .article-actions { - display: block - } -} - -.article-actions .article-actions-submenu { - --gutter-padding: 1rem; - display: none; - overflow: scroll -} - -.article-actions .article-actions-submenu.show { - background: var(--background-primary); - bottom: 0; - display: flex; - flex-direction: column; - left: 0; - position: fixed; - right: 0; - top: var(--top-navigation-height); - z-index: var(--z-index-mid) -} - -.article-actions .article-actions-submenu .header { - border-bottom: 1px solid var(--border-primary); - color: var(--text-primary); - display: block; - font-family: var(--font-body); - font-size: var(--type-smaller-font-size); - font-weight: var(--font-body-strong-weight); - margin: 0; - padding: 1rem; - text-align: left; - width: 100% -} - -.article-actions .article-actions-submenu .header .header-inner { - align-items: center; - display: flex; - gap: .5rem; - position: relative -} - -.article-actions .article-actions-submenu .header .icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg) -} - -.article-actions .article-actions-submenu .header.desktop-only { - display: none -} - -.article-actions .article-actions-submenu .mdn-form-item, -.article-actions .article-actions-submenu p { - margin: 0; - padding: 1rem 1rem 0 -} - -.article-actions .article-actions-submenu .mdn-form-item:last-child, -.article-actions .article-actions-submenu p:last-child { - padding-bottom: 1rem -} - -@media screen and (min-width:769px) { - .article-actions .article-actions-submenu.show { - background-color: var(--background-secondary); - border: 1px solid var(--border-primary); - border-radius: var(--elem-radius); - bottom: auto; - box-shadow: var(--shadow-02); - left: auto; - padding: 0; - position: absolute; - right: 0; - top: calc(100% + 6px); - width: 316px; - z-index: var(--z-index-mid) - } - - .article-actions .article-actions-submenu .header { - display: block; - padding: 1rem var(--gutter-padding); - text-align: center - } - - .article-actions .article-actions-submenu .header-inner { - justify-content: center - } - - .article-actions .article-actions-submenu .header.desktop-only { - display: block - } - - .article-actions .article-actions-submenu .header.mobile-only { - display: none - } - - .article-actions .article-actions-submenu .header .icon { - left: 0; - position: absolute - } -} - -.article-actions-entries { - display: none; - list-style: none; - margin: 0; - padding: 0 -} - -@media screen and (min-width:769px) { - .article-actions-entries { - display: flex; - gap: .5rem - } - - .article-actions-entries .sidebar-toggle { - display: none - } -} - -.article-actions-entry { - align-items: center; - display: flex; - position: relative -} - -@media screen and (max-width:769px) { - .article-actions.show-actions { - -webkit-overflow-scrolling: touch; - background-color: var(--background-primary); - color: var(--text-primary); - display: block; - height: 100vh; - left: 0; - overflow: auto; - position: fixed; - top: var(--top-navigation-height); - width: 100vw; - z-index: var(--z-index-low) - } - - .article-actions.show-actions .article-actions-entries>li>.button, - .article-actions.show-actions .article-actions-entries>li>div>.button, - .article-actions.show-actions>.button { - --button-radius: 0; - border-bottom: 1px solid var(--border-secondary); - width: 100% - } - - .article-actions.show-actions .article-actions-entries>li>.button .button-wrap, - .article-actions.show-actions .article-actions-entries>li>div>.button .button-wrap, - .article-actions.show-actions>.button .button-wrap { - justify-content: flex-start; - margin-top: 1px; - padding: 1.5rem 1rem - } - - .article-actions.show-actions .article-actions-dialog-heading { - display: block - } - - .article-actions.show-actions .article-actions-entries { - display: block; - padding: 1rem - } - - .article-actions.show-actions .article-action-entry, - .article-actions.show-actions .article-actions-toggle { - border-bottom: 1px solid var(--border-secondary) - } - - .article-actions.show-actions .article-actions-entry { - display: block - } -} - -.article-actions-container { - align-items: center; - background-color: var(--background-secondary); - border-bottom: 1px solid var(--border-primary); - margin: 0; - min-height: 2rem; - padding: 0; - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: var(--z-index-low) -} - -.article-actions-container .container { - align-items: center; - display: flex; - gap: .5rem; - justify-content: space-between -} - -.article-actions-container .sidebar-button { - display: none -} - -@media screen and (max-width:769px) { - .article-actions-container .sidebar-button { - align-items: center; - align-self: stretch; - display: flex; - margin: 0 0 0 -1rem - } - - .article-actions-container .sidebar-button .button-wrap { - border-radius: 0; - border-right: 1px solid var(--border-primary) - } -} - -@media screen and (min-width:769px) { - .article-actions-container { - position: static - } - - .article-actions-container .article-actions-toggle { - display: none - } - - .article-actions-container .bookmark-button-container { - flex: 0 0 40px - } -} - -@media screen and (min-width:1441px) { - .article-actions-container .container { - padding-left: 1rem; - padding-right: 1rem - } -} - -@media screen and (max-width:769px) { - :root { - --sticky-header-height: 2rem - } -} - -.offline-status-bar { - background-color: var(--accent-primary-engage); - color: var(--text-primary); - display: none -} - -.offline-status-bar.is-offline, -.offline-status-bar.is-online { - display: block; - padding: 1rem; - text-align: center -} - -.offline-status-bar.is-online { - -webkit-animation: fade-out 3s ease-out .5s; - animation: fade-out 3s ease-out .5s -} - -@-webkit-keyframes fade-out { - 0% { - opacity: 1 - } - - to { - opacity: 0 - } -} - -@keyframes fade-out { - 0% { - opacity: 1 - } - - to { - opacity: 0 - } -} - -.document-toc { - margin-bottom: 2rem; - padding: 0; - position: relative -} - -@media screen and (max-width:426px) { - .document-toc { - padding: 0 1rem - } -} - -.document-toc-heading.document-toc-heading { - font: var(--type-heading-h5); - letter-spacing: 1.5px; - margin: 0 0 1rem -} - -.document-toc-list.document-toc-list { - font-size: var(--type-smaller-font-size); - list-style: none; - padding-left: 0 -} - -.document-toc-list.document-toc-list li { - margin: 0 -} - -.document-toc-link.document-toc-link:not(.button) { - border-left: 2px solid var(--border-secondary); - color: var(--text-secondary); - display: block; - padding: .5rem 1rem; - text-decoration: none -} - -.document-toc-link.document-toc-link:not(.button):hover { - color: var(--text-link) -} - -.document-toc-link.document-toc-link:not(.button)[aria-current]:not([aria-current=""]):not([aria-current=false]) { - background-color: var(--background-toc-active); - border-left: 2px solid var(--category-color); - color: var(--text-primary); - font-weight: 600 -} - -.document-toc-item-sub>.document-toc-link:not(.button) { - padding-left: 2rem -} - -.document-toc .show-toc { - display: block -} - -.sidebar { - --offset: var(--main-document-header-height); - --max-height: calc(100vh - var(--offset)); - color: var(--text-secondary) -} - -.sidebar .backdrop { - display: none -} - -@media screen and (max-width:768px) { - .sidebar { - height: 100vh; - left: 0; - max-height: 100vh; - position: fixed; - right: 0; - /* top: --var(--offset) */ - } - - .sidebar, - .sidebar .sidebar-inner { - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - z-index: var(--z-index-top) - } - - .sidebar .sidebar-inner { - background: var(--background-primary); - border-right: 1px solid var(--border-primary); - height: var(--max-height); - max-height: var(--max-height); - max-width: 20rem; - overflow: hidden; - overflow: auto; - padding: 1rem; - position: relative; - transition: transform .2s linear; - width: 80vw; - will-change: transform - } - - .sidebar .backdrop { - background: rgba(0, 0, 0, .3); - border-radius: 0; - bottom: 0; - cursor: default; - display: flex; - left: 0; - opacity: 0; - position: fixed; - right: 0; - top: 0; - transition: opacity .2s linear; - width: 100%; - will-change: opacity; - z-index: var(--z-index-mid) - } - - .sidebar.is-animating, - .sidebar.is-expanded, - .sidebar.is-expanded .sidebar-inner { - -webkit-transform: translateX(0); - transform: translateX(0) - } - - .sidebar.is-expanded .backdrop { - opacity: 1 - } -} - -@media screen and (min-width:769px) { - .sidebar { - display: flex; - max-height: var(--max-height); - overflow: auto; - position: -webkit-sticky; - position: sticky; - top: var(--offset) - } -} - -.sidebar-heading { - color: var(--text-primary); - font: var(--type-heading-h5); - letter-spacing: 1.5px; - margin: 0 -} - -.sidebar em { - background-color: var(--background-toc-active); - border-left: 2px solid var(--category-color); - display: inline-block; - font-style: normal; - font-weight: 600; - padding: .25rem .25rem .25rem .5rem; - width: 100% -} - -.sidebar a, -.sidebar em { - -webkit-hyphens: auto; - hyphens: auto -} - -.sidebar a { - color: var(--text-secondary); - display: inline-flex; - padding: .25rem -} - -.sidebar a:focus, -.sidebar a:hover { - text-decoration: underline -} - -.sidebar .no-link { - display: inline-flex; - padding: .25rem -} - -.sidebar strong { - display: flex; - font-size: var(--type-base-font-size-rem); - margin-top: 1rem -} - -.sidebar ol { - font-size: var(--type-smaller-font-size) -} - -.sidebar ol ol, -.sidebar ol ul { - padding-left: .5rem -} - -.sidebar ol ol li .icon { - margin-right: .01em -} - -.sidebar ol ol li.no-bullet { - display: block; - font-weight: var(--font-body-strong-weight); - list-style-type: none -} - -.sidebar .sidebar-heading~div>ol, -.sidebar .sidebar-heading~ol { - margin-top: 1rem -} - -.sidebar li, -.sidebar summary { - margin-bottom: .5rem -} - -.sidebar code, -.sidebar summary { - font-size: var(--type-smaller-font-size) -} - -.sidebar code { - word-wrap: break-word; - background-color: transparent; - background-color: initial; - border-radius: var(--elem-radius); - font-family: var(--font-code); - line-height: 1.2; - padding: .125rem; - white-space: normal -} - -.sidebar summary { - cursor: pointer -} - -.sidebar details { - margin: .75rem 0 -} - -.sidebar details ol { - padding-left: .75rem -} - -.sidebar .icon { - align-self: center; - background-size: 14px; - height: 14px; - margin-right: -.25rem; - -webkit-mask-size: 14px; - mask-size: 14px; - width: 14px -} - -.sidebar .icon-experimental, -.sidebar .icon-nonstandard { - background-color: var(--icon-information) -} - -.sidebar .icon-deprecated { - background-color: var(--icon-critical) -} - -.main-content.standalone { - margin: 0 auto; - max-width: var(--max-width); - width: 100% -} - -.main-page-content .metadata { - background-color: var(--background-secondary); - border: 1px solid var(--border-primary); - border-radius: var(--elem-radius); - box-shadow: var(--shadow-01); - margin: 2rem 0; - padding: 1rem -} - -.main-page-content .metadata h3 { - font: var(--type-heading-h4); - margin-top: .5rem; - padding: 0 -} - -.metadata-content-container { - margin: 0 auto; - max-width: 1440px; - width: 100% -} - -.metadata-content-container .last-modified-date { - margin-bottom: 0 -} - -:root, -body { - --mdn-color-white: #fff; - --mdn-color-black: #000; - --mdn-color-dark-grey: #4e4e4e; - --mdn-background-dark: #1b1b1b; - --mdn-background-light: #fff; - --mdn-background-light-grey: #e2e2e2; - --color-announcement-banner-accent: #ff6d91 -} - - .light { - --text-primary: #1b1b1b; - --text-secondary: #4e4e4e; - --text-inactive: #9e9e9ea6; - --text-link: #0069c2; - --text-invert: #fff; - --background-primary: #fff; - --background-secondary: #f9f9fb; - --background-tertiary: #fff; - --background-toc-active: #ebeaea; - --background-mark-yellow: rgba(199, 183, 0, .4); - --background-mark-green: rgba(0, 208, 97, .4); - --background-information: rgba(0, 133, 242, .1); - --background-warning: rgba(255, 42, 81, .1); - --background-critical: rgba(211, 0, 56, .1); - --background-success: rgba(0, 121, 54, .1); - --border-primary: #cdcdcd; - --border-secondary: #cdcdcd; - --button-primary-default: #1b1b1b; - --button-primary-hover: #696969; - --button-primary-active: #9e9e9e; - --button-primary-inactive: #1b1b1b; - --button-secondary-default: #fff; - --button-secondary-hover: #cdcdcd; - --button-secondary-active: #cdcdcd; - --button-secondary-inactive: #f9f9fb; - --button-secondary-border-focus: #0085f2; - --button-secondary-border-red: #ff97a0; - --button-secondary-border-red-focus: #ffd9dc; - --icon-primary: #696969; - --icon-secondary: #b3b3b3; - --icon-information: #0085f2; - --icon-warning: #ff2a51; - --icon-critical: #d30038; - --icon-success: #007936; - --accent-primary: #0085f2; - --accent-primary-engage: rgba(0, 133, 242, .1); - --accent-secondary: #0085f2; - --accent-tertiary: rgba(0, 133, 242, .1); - --shadow-01: 0px 1px 2px rgba(43, 42, 51, .05); - --shadow-02: 0px 1px 6px rgba(43, 42, 51, .1); - --focus-01: 0px 0px 0px 3px rgba(0, 144, 237, .4); - --field-focus-border: #0085f2; - --code-token-tag: #0069c2; - --code-token-punctuation: #9e9e9e; - --code-token-attribute-name: #d30038; - --code-token-attribute-value: #007936; - --code-token-comment: #9e9e9e; - --code-token-default: #1b1b1b; - --code-token-selector: #872bff; - --code-background-inline: #f2f1f1; - --code-background-block: #f2f1f1; - --notecard-link-color: #343434; - --scrollbar-bg: transparent; - --scrollbar-color: rgba(0, 0, 0, .25); - --category-color: #0085f2; - --category-color-background: #0085f210; - --code-color: #5e9eff; - --mark-color: #dce2f2; - --plus-accent-color: #d30038; - --html-accent-color: #d30038; - --css-accent-color: #0069c2; - --js-accent-color: #afa100; - --http-accent-color: #007936; - --apis-accent-color: #872bff; - --learn-accent-color: #d00058; - --plus-code-color: #0069c2; - --html-code-color: #9e0027; - --css-code-color: #0069c2; - --js-code-color: #746a00; - --http-code-color: #007936; - --apis-code-color: #872bff; - --learn-code-color: #d00058; - --plus-mark-color: #ffd9dc; - --html-mark-color: #ffd9dc; - --css-mark-color: #dce2f2; - --js-mark-color: #f0e498; - --http-mark-color: #a9f3ba; - --apis-mark-color: #e6deff; - --learn-mark-color: #ffd9df; - --plus-accent-background-color: #ff2a5130; - --html-accent-background-color: #ff2a5130; - --css-accent-background-color: #0085f230; - --js-accent-background-color: #93870030; - --http-accent-background-color: #009a4630; - --apis-accent-background-color: #9b65ff30; - --learn-accent-background-color: #ff1f7230; - --plus-accent-engage: rgba(255, 42, 81, .7); - --html-accent-engage: rgba(255, 42, 81, .7); - --css-accent-engage: rgba(0, 133, 242, .7); - --js-accent-engage: rgba(147, 135, 0, .7); - --http-accent-engage: rgba(0, 154, 70, .7); - --apis-accent-engage: rgba(155, 101, 255, .7); - --learn-accent-engage: rgba(255, 31, 114, .7); - --modal-backdrop-color: rgba(27, 27, 27, .1); - --blend-color: #fff80; - --text-primary-red: #d30038; - --text-primary-green: #007936; - --text-primary-blue: #0069c2; - --text-primary-yellow: #746a00; - color-scheme: light -} - -.dark { - --text-primary: #fff; - --text-secondary: #cdcdcd; - --text-inactive: #cdcdcda6; - --text-link: #35bdb8; - --text-invert: #1b1b1b; - --background-primary: #1b1b1b; - --background-secondary: #343434; - --background-tertiary: #4e4e4e; - --background-toc-active: #343434; - --background-mark-yellow: rgba(199, 183, 0, .4); - --background-mark-green: rgba(0, 208, 97, .4); - --background-information: rgba(0, 133, 242, .1); - --background-warning: rgba(255, 42, 81, .1); - --background-critical: rgba(211, 0, 56, .1); - --background-success: rgba(0, 121, 54, .1); - --border-primary: #858585; - --border-secondary: #696969; - --button-primary-default: #fff; - --button-primary-hover: #cdcdcd; - --button-primary-active: #9e9e9e; - --button-primary-inactive: #fff; - --button-secondary-default: #4e4e4e; - --button-secondary-hover: #858585; - --button-secondary-active: #9e9e9e; - --button-secondary-inactive: #4e4e4e; - --button-secondary-border-focus: #0085f2; - --button-secondary-border-red: #ff97a0; - --button-secondary-border-red-focus: #ffd9dc; - --icon-primary: #fff; - --icon-secondary: #b3b3b3; - --icon-information: #5e9eff; - --icon-warning: #afa100; - --icon-critical: #ff707f; - --icon-success: #00b755; - --accent-primary: #5e9eff; - --accent-primary-engage: rgba(94, 158, 255, .1); - --accent-secondary: #5e9eff; - --accent-tertiary: rgba(0, 133, 242, .1); - --shadow-01: 0px 1px 2px rgba(251, 251, 254, .2); - --shadow-02: 0px 1px 6px rgba(251, 251, 254, .2); - --focus-01: 0px 0px 0px 3px rgba(251, 251, 254, .5); - --field-focus-border: #fff; - --code-token-tag: #c1cff1; - --code-token-punctuation: #9e9e9e; - --code-token-attribute-name: #ff97a0; - --code-token-attribute-value: #00d061; - --code-token-comment: #9e9e9e; - --code-token-default: #fff; - --code-token-selector: #bea5ff; - --code-background-inline: #343434; - --code-background-block: #343434; - --notecard-link-color: #e2e2e2; - --scrollbar-bg: transparent; - --scrollbar-color: hsla(0, 0%, 100%, .25); - --category-color: #8cb4ff; - --category-color-background: #8cb4ff70; - --code-color: #c1cff1; - --mark-color: #004d92; - --plus-accent-color: #ff97a0; - --html-accent-color: #ff707f; - --css-accent-color: #8cb4ff; - --js-accent-color: #afa100; - --http-accent-color: #00b755; - --apis-accent-color: #ae8aff; - --learn-accent-color: #ff6d91; - --plus-code-color: #c1cff1; - --html-code-color: #f9f9fb; - --css-code-color: #c1cff1; - --js-code-color: #c7b700; - --http-code-color: #00d061; - --apis-code-color: #bea5ff; - --learn-code-color: #ff93aa; - --plus-mark-color: #9e0027; - --html-mark-color: #9e0027; - --css-mark-color: #004d92; - --js-mark-color: #564e00; - --http-mark-color: #005a26; - --apis-mark-color: #6800cf; - --learn-mark-color: #9e0041; - --plus-accent-background-color: #ff2a5130; - --html-accent-background-color: #ff2a5130; - --css-accent-background-color: #0085f230; - --js-accent-background-color: #93870030; - --http-accent-background-color: #009a4630; - --apis-accent-background-color: #9b65ff30; - --learn-accent-background-color: #ff1f7230; - --plus-accent-engage: rgba(255, 112, 127, .7); - --html-accent-engage: rgba(255, 112, 127, .7); - --css-accent-engage: rgba(140, 180, 255, .7); - --js-accent-engage: rgba(175, 161, 0, .7); - --http-accent-engage: rgba(0, 183, 85, .7); - --apis-accent-engage: rgba(174, 138, 255, .7); - --learn-accent-engage: rgba(255, 109, 145, .7); - --modal-backdrop-color: rgba(27, 27, 27, .7); - --blend-color: #00080; - --text-primary-red: #ff97a0; - --text-primary-green: #00d061; - --text-primary-blue: #8cb4ff; - --text-primary-yellow: #c7b700; - color-scheme: dark -} - -/* @media(prefers-color-scheme:light) { - :root:not(.light):not(.dark) { - --text-primary: #1b1b1b; - --text-secondary: #4e4e4e; - --text-inactive: #9e9e9ea6; - --text-link: #0069c2; - --text-invert: #fff; - --background-primary: #fff; - --background-secondary: #f9f9fb; - --background-tertiary: #fff; - --background-toc-active: #ebeaea; - --background-mark-yellow: rgba(199, 183, 0, .4); - --background-mark-green: rgba(0, 208, 97, .4); - --background-information: rgba(0, 133, 242, .1); - --background-warning: rgba(255, 42, 81, .1); - --background-critical: rgba(211, 0, 56, .1); - --background-success: rgba(0, 121, 54, .1); - --border-primary: #cdcdcd; - --border-secondary: #cdcdcd; - --button-primary-default: #1b1b1b; - --button-primary-hover: #696969; - --button-primary-active: #9e9e9e; - --button-primary-inactive: #1b1b1b; - --button-secondary-default: #fff; - --button-secondary-hover: #cdcdcd; - --button-secondary-active: #cdcdcd; - --button-secondary-inactive: #f9f9fb; - --button-secondary-border-focus: #0085f2; - --button-secondary-border-red: #ff97a0; - --button-secondary-border-red-focus: #ffd9dc; - --icon-primary: #696969; - --icon-secondary: #b3b3b3; - --icon-information: #0085f2; - --icon-warning: #ff2a51; - --icon-critical: #d30038; - --icon-success: #007936; - --accent-primary: #0085f2; - --accent-primary-engage: rgba(0, 133, 242, .1); - --accent-secondary: #0085f2; - --accent-tertiary: rgba(0, 133, 242, .1); - --shadow-01: 0px 1px 2px rgba(43, 42, 51, .05); - --shadow-02: 0px 1px 6px rgba(43, 42, 51, .1); - --focus-01: 0px 0px 0px 3px rgba(0, 144, 237, .4); - --field-focus-border: #0085f2; - --code-token-tag: #0069c2; - --code-token-punctuation: #9e9e9e; - --code-token-attribute-name: #d30038; - --code-token-attribute-value: #007936; - --code-token-comment: #9e9e9e; - --code-token-default: #1b1b1b; - --code-token-selector: #872bff; - --code-background-inline: #f2f1f1; - --code-background-block: #f2f1f1; - --notecard-link-color: #343434; - --scrollbar-bg: transparent; - --scrollbar-color: rgba(0, 0, 0, .25); - --category-color: #0085f2; - --category-color-background: #0085f210; - --code-color: #5e9eff; - --mark-color: #dce2f2; - --plus-accent-color: #d30038; - --html-accent-color: #d30038; - --css-accent-color: #0069c2; - --js-accent-color: #afa100; - --http-accent-color: #007936; - --apis-accent-color: #872bff; - --learn-accent-color: #d00058; - --plus-code-color: #0069c2; - --html-code-color: #9e0027; - --css-code-color: #0069c2; - --js-code-color: #746a00; - --http-code-color: #007936; - --apis-code-color: #872bff; - --learn-code-color: #d00058; - --plus-mark-color: #ffd9dc; - --html-mark-color: #ffd9dc; - --css-mark-color: #dce2f2; - --js-mark-color: #f0e498; - --http-mark-color: #a9f3ba; - --apis-mark-color: #e6deff; - --learn-mark-color: #ffd9df; - --plus-accent-background-color: #ff2a5130; - --html-accent-background-color: #ff2a5130; - --css-accent-background-color: #0085f230; - --js-accent-background-color: #93870030; - --http-accent-background-color: #009a4630; - --apis-accent-background-color: #9b65ff30; - --learn-accent-background-color: #ff1f7230; - --plus-accent-engage: rgba(255, 42, 81, .7); - --html-accent-engage: rgba(255, 42, 81, .7); - --css-accent-engage: rgba(0, 133, 242, .7); - --js-accent-engage: rgba(147, 135, 0, .7); - --http-accent-engage: rgba(0, 154, 70, .7); - --apis-accent-engage: rgba(155, 101, 255, .7); - --learn-accent-engage: rgba(255, 31, 114, .7); - --modal-backdrop-color: rgba(27, 27, 27, .1); - --blend-color: #fff80; - --text-primary-red: #d30038; - --text-primary-green: #007936; - --text-primary-blue: #0069c2; - --text-primary-yellow: #746a00; - color-scheme: light - } -} */ -@media(prefers-color-scheme:light) { - :root:not(.light):not(.dark) { - --text-primary: #fff; - --text-secondary: #cdcdcd; - --text-inactive: #cdcdcda6; - --text-link: #8cb4ff; - --text-invert: #1b1b1b; - --background-primary: #1b1b1b; - --background-secondary: #343434; - --background-tertiary: #4e4e4e; - --background-toc-active: #343434; - --background-mark-yellow: rgba(199, 183, 0, .4); - --background-mark-green: rgba(0, 208, 97, .4); - --background-information: rgba(0, 133, 242, .1); - --background-warning: rgba(255, 42, 81, .1); - --background-critical: rgba(211, 0, 56, .1); - --background-success: rgba(0, 121, 54, .1); - --border-primary: #858585; - --border-secondary: #696969; - --button-primary-default: #fff; - --button-primary-hover: #cdcdcd; - --button-primary-active: #9e9e9e; - --button-primary-inactive: #fff; - --button-secondary-default: #4e4e4e; - --button-secondary-hover: #858585; - --button-secondary-active: #9e9e9e; - --button-secondary-inactive: #4e4e4e; - --button-secondary-border-focus: #0085f2; - --button-secondary-border-red: #ff97a0; - --button-secondary-border-red-focus: #ffd9dc; - --icon-primary: #fff; - --icon-secondary: #b3b3b3; - --icon-information: #5e9eff; - --icon-warning: #afa100; - --icon-critical: #ff707f; - --icon-success: #00b755; - --accent-primary: #5e9eff; - --accent-primary-engage: rgba(94, 158, 255, .1); - --accent-secondary: #5e9eff; - --accent-tertiary: rgba(0, 133, 242, .1); - --shadow-01: 0px 1px 2px rgba(251, 251, 254, .2); - --shadow-02: 0px 1px 6px rgba(251, 251, 254, .2); - --focus-01: 0px 0px 0px 3px rgba(251, 251, 254, .5); - --field-focus-border: #fff; - --code-token-tag: #c1cff1; - --code-token-punctuation: #9e9e9e; - --code-token-attribute-name: #ff97a0; - --code-token-attribute-value: #00d061; - --code-token-comment: #9e9e9e; - --code-token-default: #fff; - --code-token-selector: #bea5ff; - --code-background-inline: #343434; - --code-background-block: #343434; - --notecard-link-color: #e2e2e2; - --scrollbar-bg: transparent; - --scrollbar-color: hsla(0, 0%, 100%, .25); - --category-color: #8cb4ff; - --category-color-background: #8cb4ff70; - --code-color: #c1cff1; - --mark-color: #004d92; - --plus-accent-color: #ff97a0; - --html-accent-color: #ff707f; - --css-accent-color: #8cb4ff; - --js-accent-color: #afa100; - --http-accent-color: #00b755; - --apis-accent-color: #ae8aff; - --learn-accent-color: #ff6d91; - --plus-code-color: #c1cff1; - --html-code-color: #f9f9fb; - --css-code-color: #c1cff1; - --js-code-color: #c7b700; - --http-code-color: #00d061; - --apis-code-color: #bea5ff; - --learn-code-color: #ff93aa; - --plus-mark-color: #9e0027; - --html-mark-color: #9e0027; - --css-mark-color: #004d92; - --js-mark-color: #564e00; - --http-mark-color: #005a26; - --apis-mark-color: #6800cf; - --learn-mark-color: #9e0041; - --plus-accent-background-color: #ff2a5130; - --html-accent-background-color: #ff2a5130; - --css-accent-background-color: #0085f230; - --js-accent-background-color: #93870030; - --http-accent-background-color: #009a4630; - --apis-accent-background-color: #9b65ff30; - --learn-accent-background-color: #ff1f7230; - --plus-accent-engage: rgba(255, 112, 127, .7); - --html-accent-engage: rgba(255, 112, 127, .7); - --css-accent-engage: rgba(140, 180, 255, .7); - --js-accent-engage: rgba(175, 161, 0, .7); - --http-accent-engage: rgba(0, 183, 85, .7); - --apis-accent-engage: rgba(174, 138, 255, .7); - --learn-accent-engage: rgba(255, 109, 145, .7); - --modal-backdrop-color: rgba(27, 27, 27, .7); - --blend-color: #00080; - --text-primary-red: #ff97a0; - --text-primary-green: #00d061; - --text-primary-blue: #8cb4ff; - --text-primary-yellow: #c7b700; - color-scheme: dark - } -} - -@media(prefers-color-scheme:dark) { - :root:not(.light):not(.dark) { - --text-primary: #fff; - --text-secondary: #cdcdcd; - --text-inactive: #cdcdcda6; - --text-link: #8cb4ff; - --text-invert: #1b1b1b; - --background-primary: #1b1b1b; - --background-secondary: #343434; - --background-tertiary: #4e4e4e; - --background-toc-active: #343434; - --background-mark-yellow: rgba(199, 183, 0, .4); - --background-mark-green: rgba(0, 208, 97, .4); - --background-information: rgba(0, 133, 242, .1); - --background-warning: rgba(255, 42, 81, .1); - --background-critical: rgba(211, 0, 56, .1); - --background-success: rgba(0, 121, 54, .1); - --border-primary: #858585; - --border-secondary: #696969; - --button-primary-default: #fff; - --button-primary-hover: #cdcdcd; - --button-primary-active: #9e9e9e; - --button-primary-inactive: #fff; - --button-secondary-default: #4e4e4e; - --button-secondary-hover: #858585; - --button-secondary-active: #9e9e9e; - --button-secondary-inactive: #4e4e4e; - --button-secondary-border-focus: #0085f2; - --button-secondary-border-red: #ff97a0; - --button-secondary-border-red-focus: #ffd9dc; - --icon-primary: #fff; - --icon-secondary: #b3b3b3; - --icon-information: #5e9eff; - --icon-warning: #afa100; - --icon-critical: #ff707f; - --icon-success: #00b755; - --accent-primary: #5e9eff; - --accent-primary-engage: rgba(94, 158, 255, .1); - --accent-secondary: #5e9eff; - --accent-tertiary: rgba(0, 133, 242, .1); - --shadow-01: 0px 1px 2px rgba(251, 251, 254, .2); - --shadow-02: 0px 1px 6px rgba(251, 251, 254, .2); - --focus-01: 0px 0px 0px 3px rgba(251, 251, 254, .5); - --field-focus-border: #fff; - --code-token-tag: #c1cff1; - --code-token-punctuation: #9e9e9e; - --code-token-attribute-name: #ff97a0; - --code-token-attribute-value: #00d061; - --code-token-comment: #9e9e9e; - --code-token-default: #fff; - --code-token-selector: #bea5ff; - --code-background-inline: #343434; - --code-background-block: #343434; - --notecard-link-color: #e2e2e2; - --scrollbar-bg: transparent; - --scrollbar-color: hsla(0, 0%, 100%, .25); - --category-color: #8cb4ff; - --category-color-background: #8cb4ff70; - --code-color: #c1cff1; - --mark-color: #004d92; - --plus-accent-color: #ff97a0; - --html-accent-color: #ff707f; - --css-accent-color: #8cb4ff; - --js-accent-color: #afa100; - --http-accent-color: #00b755; - --apis-accent-color: #ae8aff; - --learn-accent-color: #ff6d91; - --plus-code-color: #c1cff1; - --html-code-color: #f9f9fb; - --css-code-color: #c1cff1; - --js-code-color: #c7b700; - --http-code-color: #00d061; - --apis-code-color: #bea5ff; - --learn-code-color: #ff93aa; - --plus-mark-color: #9e0027; - --html-mark-color: #9e0027; - --css-mark-color: #004d92; - --js-mark-color: #564e00; - --http-mark-color: #005a26; - --apis-mark-color: #6800cf; - --learn-mark-color: #9e0041; - --plus-accent-background-color: #ff2a5130; - --html-accent-background-color: #ff2a5130; - --css-accent-background-color: #0085f230; - --js-accent-background-color: #93870030; - --http-accent-background-color: #009a4630; - --apis-accent-background-color: #9b65ff30; - --learn-accent-background-color: #ff1f7230; - --plus-accent-engage: rgba(255, 112, 127, .7); - --html-accent-engage: rgba(255, 112, 127, .7); - --css-accent-engage: rgba(140, 180, 255, .7); - --js-accent-engage: rgba(175, 161, 0, .7); - --http-accent-engage: rgba(0, 183, 85, .7); - --apis-accent-engage: rgba(174, 138, 255, .7); - --learn-accent-engage: rgba(255, 109, 145, .7); - --modal-backdrop-color: rgba(27, 27, 27, .7); - --blend-color: #00080; - --text-primary-red: #ff97a0; - --text-primary-green: #00d061; - --text-primary-blue: #8cb4ff; - --text-primary-yellow: #c7b700; - color-scheme: dark - } -} - -.document-page .article-actions-container, -.document-page .document-toc-container, -.document-page .generic-loading, -.document-page .main-content, -.document-page .metadata, -.document-page .page-header, -.document-page .sidebar { - display: flex -} - -.document-page .main-content, -.document-page .sidebar { - flex-direction: column; - width: 100% -} - -.main-wrapper { - display: flex; - margin: 0 auto; - max-width: var(--max-width) -} - -.main-wrapper .toc { - display: none -} - -@media screen and (min-width:769px) { - .main-wrapper { - grid-gap: 3rem; - display: grid; - gap: 3rem; - /* grid-template-areas: "sidebar main"; - grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); */ - padding-left: 1.5rem; - padding-right: 3rem - } - - .main-wrapper .main-content, - .main-wrapper .sidebar, - .main-wrapper .toc { - padding-bottom: 3rem; - padding-top: 3rem - } - - .main-wrapper .sidebar { - align-self: start; - grid-area: sidebar - } - - .main-wrapper .main-content { - grid-area: main - } -} - -@media screen and (min-width:1200px) { - .main-wrapper { - grid-gap: 3rem; - display: grid; - gap: 3rem; - /* grid-template-areas: "sidebar main toc"; - grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr) minmax(0, 15rem); */ - padding-left: 1rem; - padding-right: 1rem - } - - .main-wrapper .toc { - --offset: var(--main-document-header-height); - --max-height: calc(100vh - var(--offset)); - display: block; - grid-area: toc; - max-height: var(--max-height); - overflow: auto; - position: -webkit-sticky; - position: sticky; - top: var(--offset) - } - - .main-wrapper .in-nav-toc { - display: none - } -} - -.page-wrapper { - grid-template-columns: 100% -} - -.standard-page { - max-width: inherit -} - -@font-face { - font-display: swap; - font-family: Inter; - font-stretch: 75% 100%; - font-style: oblique 0deg 20deg; - font-weight: 1 999; - src: url(/website/fonts/Inter.var.woff2) format("woff2 supports variations"), url(/website/fonts/Inter.var.woff2) format("woff2-variations") -} - -:root { - --sticky-header-height: var(--main-document-header-height) -} - -.main-document-header-container { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: var(--z-index-top) -} - -.main-page-content { - overflow-wrap: break-word; - padding: 3rem 1rem 1rem -} - -.main-page-content h1 a:link, -.main-page-content h1 a:visited, -.main-page-content h2 a:link, -.main-page-content h2 a:visited, -.main-page-content h3 a:link, -.main-page-content h3 a:visited, -.main-page-content h4 a:link, -.main-page-content h4 a:visited, -.main-page-content h5 a:link, -.main-page-content h5 a:visited, -.main-page-content h6 a:link, -.main-page-content h6 a:visited { - color: var(--text-primary); - text-decoration: none -} - -.main-page-content h1 a:focus, -.main-page-content h1 a:hover, -.main-page-content h2 a:focus, -.main-page-content h2 a:hover, -.main-page-content h3 a:focus, -.main-page-content h3 a:hover, -.main-page-content h4 a:focus, -.main-page-content h4 a:hover, -.main-page-content h5 a:focus, -.main-page-content h5 a:hover, -.main-page-content h6 a:focus, -.main-page-content h6 a:hover { - text-decoration: underline -} - -.main-page-content h1 a:active, -.main-page-content h2 a:active, -.main-page-content h3 a:active, -.main-page-content h4 a:active, -.main-page-content h5 a:active, -.main-page-content h6 a:active { - background-color: transparent -} - -.main-page-content h1 a[href^="#"]:hover:after, -.main-page-content h2 a[href^="#"]:hover:after, -.main-page-content h3 a[href^="#"]:hover:after, -.main-page-content h4 a[href^="#"]:hover:after, -.main-page-content h5 a[href^="#"]:hover:after, -.main-page-content h6 a[href^="#"]:hover:after { - color: var(--text-inactive); - content: "#"; - display: inline-flex; - font-size: .7em; - line-height: 1; - margin-left: 4px; - text-decoration: none -} - -.main-page-content h1:after { - -webkit-text-decoration-color: var(--category-color); - text-decoration-color: var(--category-color) -} - -.main-page-content h2:first-of-type { - margin-top: 2rem -} - -.main-page-content a:not(.button) { - color: var(--text-link); - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content -} - -.main-page-content a:not(.button):active { - background-color: var(--text-link); - color: #fff -} - -.main-page-content a:not(.button):active code { - background-color: transparent; - color: #fff -} - -.main-page-content a:not(.button)[id^=attr-]:link, -.main-page-content a:not(.button)[id^=attr-]:visited { - color: var(--text-link); - text-decoration: none -} - -.main-page-content a:not(.button)[id^=attr-]:focus, -.main-page-content a:not(.button)[id^=attr-]:hover { - text-decoration: underline -} - -.main-page-content a:not(.button)[id^=attr-]:active { - color: #fff -} - -.main-page-content a:not(.button)[aria-current] { - color: var(--text-link); - font-weight: var(--font-body-strong-weight); - text-decoration: none -} - -.main-page-content img { - background: #fff; - border: 1px solid var(--border-primary) !important; - border-radius: var(--elem-radius); - display: inline-block; - display: flex; - height: auto; - margin: 2rem auto -} - -.main-page-content ol, -.main-page-content ul { - margin: 1rem 0 2rem; - padding-left: 2rem -} - -.main-page-content ol li, -.main-page-content ul li { - margin: .5rem 0 -} - -.main-page-content ul { - list-style: disc -} - -.main-page-content ul ul { - list-style-type: circle; - margin: 0; - padding-left: 1rem -} - -.main-page-content ol { - list-style: decimal -} - -.main-page-content ol ol { - list-style: lower-roman; - margin: 0 -} - -.main-page-content dd ol, -.main-page-content dd ul { - margin-bottom: 1rem; - padding-left: 3rem -} - -.main-page-content td ol, -.main-page-content td ul { - padding-left: 1rem -} - -.main-page-content dd li { - margin-bottom: 1rem -} - -.main-page-content td li { - margin-bottom: .5rem -} - -.main-page-content dl dt { - margin-bottom: .5rem; - margin-top: 2rem -} - -.main-page-content dl dd { - margin-bottom: 1rem; - margin-left: 1rem -} - -.main-page-content dl dd .notecard p { - padding-left: 0 -} - -.main-page-content dl p { - margin: 0 0 1rem -} - -.main-page-content .section-content p { - font: var(--type-article-p) -} - -.main-page-content .section-content p:last-child { - margin-bottom: 2rem -} - -.main-page-content .section-content figure { - margin-bottom: 1rem -} - -.main-page-content .section-content .prev-next { - display: flex; - gap: .5rem; - justify-content: space-between; - list-style: none; - margin: 1rem 0; - padding: 0; - text-align: center -} - -.main-page-content .section-content .prev-next li { - display: flex; - margin: 0 -} - -.main-page-content .section-content .prev-next .button { - margin: 0; - max-width: inherit -} - -.main-page-content .section-content .prev-next .button-wrap { - color: inherit -} - -@media screen and (min-width:426px) { - .main-page-content { - padding: 3rem - } -} - -@media screen and (min-width:769px) { - .main-page-content { - margin-bottom: .5rem; - padding: 0 - } -} - -b, -strong { - font-weight: var(--font-body-strong-weight); - letter-spacing: .02rem -} - -table { - border: 1px solid var(--border-primary); - border-collapse: collapse; - width: 100% -} - -table th { - background: var(--background-tertiary); - font-weight: var(--font-body-strong-weight); - line-height: 1.5; - text-align: left -} - -table td, -table th { - border: 1px solid var(--border-primary); - padding: .5rem .75rem; - vertical-align: middle -} - -table td .code-example pre, -table td ul { - margin: 0 -} - -table caption { - font-weight: var(--font-body-strong-weight); - margin: 1rem 0 .5rem -} - -table.properties { - border: none; - font-size: var(--type-base-font-size) -} - -table.properties td, -table.properties th { - border: none -} - -table.properties th { - background: none -} - -table.properties tr { - border-bottom: 1px solid var(--border-secondary) -} - -table.properties tr:first-child { - border-top: 1px solid var(--border-primary) -} - -table.properties tr:last-child { - border-bottom: 1px solid var(--border-primary) -} - -table.properties tr:nth-child(odd) td, -table.properties tr:nth-child(odd) th, -table.standard-table tr:nth-child(odd) td, -table.standard-table tr:nth-child(odd) th { - background-color: var(--background-secondary) -} - -iframe { - border: 1px solid var(--border-primary); - max-width: 100%; - width: 100% -} - -iframe.nobutton, -iframe.sample-code-frame, -iframe[src*="https://jsfiddle.net"], -iframe[src*="https://mdn.github.io"], -iframe[src*="https://test262.report"], -iframe[src*="https://www.youtube-nocookie.com"] { - background: #fff; - border: 1px solid var(--border-primary); - border-radius: var(--elem-radius); - width: 100% -} - -h1, -h2, -h3 { - letter-spacing: var(--heading-letter-spacing) -} - -h1 { - font: var(--type-heading-h1); - margin-bottom: 2rem; - word-break: break-word -} - -@media screen and (min-width:769px) { - h1 { - font: var(--type-heading-h1) - } -} - -h2 { - font: var(--type-heading-h2); - margin: 4rem 0 .5rem -} - -h3 { - font: var(--type-heading-h3); - margin: 2rem 0 .5rem -} - -h2~div~h3, -h2~h3 { - margin-top: 1rem -} - -h4 { - font: var(--type-heading-h4); - letter-spacing: .5px; - margin: 2rem 0 1rem -} - -h5 { - font: var(--type-heading-h5) -} - -h5, -h6 { - letter-spacing: 1.5px; - margin: 2rem 0 1rem; - text-transform: uppercase -} - -h6 { - font: var(--type-heading-h6) -} - -h1 code, -h2 code, -h3 code, -h4 code, -h5 code, -h6 code { - font-size: inherit -} - -p { - margin: 1rem 0 2rem -} - -blockquote { - border-left: 4px solid var(--border-secondary); - color: var(--text-secondary); - margin-bottom: 2rem; - padding: 1rem 2rem -} - -blockquote p { - margin: 0 -} - -.code-example, -code, -pre { - border-radius: var(--elem-radius); - font-size: var(--type-base-font-size-rem) -} - -code { - background: var(--code-background-inline); - padding: .125rem .25rem; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content -} - -pre { - background-color: var(--code-background-block); - border: 1px solid transparent; - margin: 1rem 0 2rem; - padding: 1rem 2.5rem 1rem 1rem -} - -pre code { - background: none; - color: var(--text-primary); - padding: 0 -} -/* -.example-bad, -.example-good { - padding: 0 1rem; - position: relative -} - -.example-bad:after, -.example-good:after { - background-size: 24px; - content: ""; - display: block; - height: 16px; - position: absolute; - right: 16px; - top: 18px; - width: 16px -} - -.example-bad+.copy-icon, -.example-good+.copy-icon { - display: none -} - -.example-bad { - background-color: var(--background-critical) -} - -.example-bad:after { - background-color: var(--icon-critical); - -webkit-mask-image: url(/static/media/no.d2e0aa3e7440f80dccd6.svg); - mask-image: url(/static/media/no.d2e0aa3e7440f80dccd6.svg) -} - -.example-good { - background-color: var(--background-success) -} - -.example-good:after { - background-color: var(--icon-success); - -webkit-mask-image: url(/static/media/checkmark.d05ce91f65dfc321cadd.svg); - mask-image: url(/static/media/checkmark.d05ce91f65dfc321cadd.svg) -} - -.index { - margin-bottom: 1rem -} - -.index ul { - margin: .5rem 0 2rem -} - -@media screen and (min-width:1200px) { - .index ul { - -webkit-columns: 3; - column-count: 3 - } -} - -.index ul li { - margin: 0 0 .5rem -} - -.index .icon-experimental, -.index .icon-nonstandard { - color: var(--icon-information) -} - -.index .icon-deprecated { - color: var(--icon-critical) -} - -.callout { - background: var(--background-secondary); - border: 1px solid var(--border-primary); - border-radius: var(--elem-radius); - box-shadow: var(--shadow-01); - display: flex; - flex-direction: column; - gap: 1rem; - margin: 2rem 0; - padding: 1rem; - text-align: left -} - -.callout h4 { - margin: 0 -} - -.callout p { - font: var(--type-smaller-font-size); - margin: 0 -} - -.code-example { - color: var(--code-default); - position: relative -} - -.code-example .copy-icon { - border-radius: var(--elem-radius); - cursor: pointer; - height: 1.25rem; - margin: 0; - -webkit-mask-image: url(/static/media/clippy.92fffda9d37d9c3a3b37.svg); - mask-image: url(/static/media/clippy.92fffda9d37d9c3a3b37.svg); - -webkit-mask-size: cover; - mask-size: cover; - opacity: .4; - padding: .25rem; - position: absolute; - right: .5rem; - top: .75rem; - width: 1.25rem -} - -.code-example .copy-icon:focus, -.code-example .copy-icon:hover { - opacity: 1 -} - -.code-example .copy-icon-message { - background: var(--text-primary); - border-radius: var(--elem-radius); - color: var(--text-invert); - font-size: .8125rem; - opacity: 1; - padding: .125rem; - position: absolute; - right: .25rem; - top: 15px -} - -.code-example .example-bad, -.code-example .example-good { - padding: 1rem -} - -.only-in-en-us span { - font-size: .8125rem -} - -a.page-not-created { - cursor: not-allowed -} - -a.page-not-created:focus, -a.page-not-created:hover, -a.page-not-created:link, -a.page-not-created:not([href]) { - color: var(--icon-critical); - -webkit-text-decoration: underline wavy; - text-decoration: underline wavy -} */ - -.badge { - border: 1px solid var(--border-primary); - border-radius: 4rem; - font-size: var(--type-tiny-font-size); - padding: .125rem .375rem; - white-space: nowrap -} - -.badge, -kbd { - color: var(--text-secondary) -} - -kbd { - border: 2px solid var(--border-secondary); - border-radius: var(--elem-radius); - box-shadow: var(--border-secondary); - box-shadow: inset 0 -1px 0 0 var(--border-secondary); - font-size: .825rem; - padding: .25rem -} -/* -.interactive { - background-color: var(--background-secondary); - border: 1px solid var(--border-primary); - border-radius: var(--elem-radius); - color: var(--text-primary); - height: 675px; - margin: 1rem 0; - padding: 0; - width: 100% -} - -.interactive.is-js-height, -.interactive.is-shorter-height, -.interactive.is-taller-height { - border: 0 -} - -.interactive.is-js-height { - height: 513px -} - -.interactive.is-shorter-height { - height: 433px -} - -.interactive.is-taller-height { - height: 725px -} - -.interactive.is-tabbed-shorter-height { - height: 487px -} - -.interactive.is-tabbed-standard-height { - height: 548px -} - -.interactive.is-tabbed-taller-height { - height: 774px -} - -@media screen and (min-width:1008px), -screen and (min-width:688px)and (max-width:768px) { - .interactive { - height: 375px - } - - .interactive.is-js-height { - height: 444px - } - - .interactive.is-shorter-height { - height: 364px - } - - .interactive.is-taller-height { - height: 654px - } - - .interactive.is-tabbed-shorter-height { - height: 351px - } - - .interactive.is-tabbed-standard-height { - height: 421px - } - - .interactive.is-tabbed-taller-height { - height: 631px - } -} - -.document-survey { - background-color: #e6deff; - border: 5px solid #6800cf; - border-radius: .5rem; - color: #1b1b1b; - padding: 1em -} - -.document-survey:before { - background: transparent url(/static/media/survey.eea64fbc33bedb4fb0c5.svg) 50% no-repeat; - background-size: cover; - content: ""; - display: inline-block; - height: 33px; - position: absolute; - width: 32px -} - -.document-survey iframe { - border: 0 -} - -.document-survey button[type=button], -.document-survey summary { - cursor: pointer -} - -.document-survey summary { - text-decoration: underline -} - -.document-survey summary:focus, -.document-survey summary:hover { - text-decoration: inherit -} - -.document-survey .survey-header { - display: flex; - justify-content: space-between -} - -.document-survey .survey-container, -.document-survey .survey-header { - padding-left: 2.5em -} - -.document-survey .survey-dismiss svg.icon { - color: #1b1b1b -} - -.a11y-nav { - position: absolute; - top: -20em; - width: 100%; - z-index: var(--z-index-a11y) -} - -.a11y-nav a { - background-color: hsla(0, 0%, 100%, .9); - font-weight: var(--font-body-strong-weight); - left: 0; - padding: .5rem; - position: absolute; - right: 0; - text-align: center -} - -.a11y-nav a:focus, -.a11y-nav a:hover { - box-shadow: var(--shadow-01); - text-decoration: none; - top: 20em -} - -.page-footer { - background-color: var(--background-secondary); - padding: 2rem 1rem; - position: relative -} - -.page-footer-grid { - margin: 0 auto; - max-width: 1440px -} - -.page-footer, -.page-footer a { - color: var(--text-secondary) -} - -.page-footer-logo-col p { - margin-top: 0; - max-width: 55ch -} - -.page-footer-app-list { - display: flex; - flex-direction: column; - gap: .5rem -} - -.page-footer-app-dl { - display: block; - max-width: 130px -} - -.page-footer-app-dl img, -.page-footer-app-dl svg { - width: 100% -} - -.page-footer-app-dl.is-ms { - max-width: 110px -} - -.page-footer-moz { - align-items: center; - border-top: 1px solid var(--border-primary); - display: flex; - flex-flow: row wrap; - gap: 2rem; - padding-top: 1.5rem -} - -.page-footer-legal-text { - font-size: var(--type-tiny-font-size); - margin: 0 -} - -.page-footer-legal-text a { - text-decoration: underline -} - -.page-footer-legal-text a:hover { - text-decoration: none -} - -.footer-moz-list { - display: flex; - flex-wrap: wrap; - font-size: var(--type-tiny-font-size); - gap: 1rem -} - -.footer-moz-logo-link { - display: flex -} - -.footer-moz-link { - text-decoration: underline -} - -.footer-moz-link:hover { - text-decoration: none -} - -.mdn-footer-logo { - display: block; - width: 50px -} - -.social-icons { - display: flex; - gap: 1rem; - margin-top: .5rem -} - -.social-icons li { - flex: 0 0 auto -} - -.social-icons .icon { - display: block; - height: 21px; - width: 21px -} - -.footer-nav-heading { - font: var(--type-smaller-font-size); - margin: 0 0 .5rem -} - -.footer-nav-list { - display: flex; - flex-direction: column; - gap: .5rem -} - -.footer-nav-item { - font-size: var(--type-smaller-font-size) -} - -.page-footer-grid { - display: flex; - flex-direction: column; - gap: 1.5rem -} - -@media screen and (min-width:426px) { - .page-footer-grid { - grid-gap: 2.5rem; - display: grid; - gap: 2.5rem; - grid-template-areas: "logo . ""nav1 nav2""nav3 nav4""moz moz""legal legal"; - grid-template-columns: 1fr 1fr - } - - .page-footer-logo-col { - grid-area: logo - } - - .page-footer-nav-col-1 { - grid-area: nav1 - } - - .page-footer-nav-col-2 { - grid-area: nav2 - } - - .page-footer-nav-col-3 { - grid-area: nav3 - } - - .page-footer-nav-col-4 { - grid-area: nav4 - } - - .page-footer-app-col { - grid-area: app - } - - .page-footer-moz { - grid-area: moz - } - - .page-footer-legal { - grid-area: legal - } - - .page-footer-app-list { - flex-direction: row - } - - .page-footer-app-dl img, - .page-footer-app-dl svg { - height: 38px - } -} - -@media screen and (min-width:769px) { - .page-footer-grid { - gap: 1rem; - grid-template-areas: "logo nav1 nav2 nav3 nav4""moz moz moz moz moz""legal legal legal legal . "; - grid-template-columns: minmax(260px, 2fr) repeat(4, minmax(0, 1fr)) - } - - .page-footer-app-list { - flex-direction: column - } - - .page-footer-app-dl img, - .page-footer-app-dl svg { - height: auto - } -} - -@media screen and (min-width:1441px) { - .page-footer-grid { - gap: 2.5rem - } -} - -.query-string { - font-style: italic -} - -.site-search { - display: block -} - -.page-not-found .fallback-document .fallback-link { - font-size: 1rem -} - -.tabs { - border-bottom: 1px solid var(--border-primary) -} - -.tabs ul { - display: flex; - gap: 1rem -} - -.tabs .tab-item { - border-bottom: 2px solid transparent; - padding: .5rem 0 -} - -.tabs a.tab-item { - color: var(--text-primary); - display: block; - font-size: var(--type-smaller-font-size) -} - -.tabs .tab-item[aria-current=true] { - border-bottom-color: var(--text-link) -} - -.plus-header { - padding-top: 2rem -} - -.plus-header h1 { - font: var(--type-heading-h4-font-size-mobile); - margin-bottom: 1rem -} - -@media screen and (min-width:769px) { - .plus-header h1 { - font: var(--type-heading-h4-font-size) - } -} - -.notification-list { - display: flex; - flex-direction: column -} - -.notification-card { - align-items: center; - -webkit-animation: fade-in .2s; - animation: fade-in .2s; - background-color: var(--background-primary); - border: 1px solid var(--border-secondary); - display: flex; - justify-content: space-between; - padding: .5rem -} - -.notification-card>div { - align-items: center; - display: flex -} - -.notification-card .desktop-only { - display: none -} - -@media screen and (min-width:769px) { - .notification-card .desktop-only { - display: inherit - } -} - -.notification-card.no-star { - grid-template-columns: 1fr auto -} - -.notification-card .icon { - background-color: var(--icon-secondary) -} - -.notification-card+.notification-card { - border-top: none -} - -.notification-card-description { - display: flex; - flex-direction: column; - gap: .5rem -} - -.notification-card-title { - word-wrap: anywhere; - font-family: var(--font-body); - font-weight: var(--font-body-strong-weight) -} - -.notification-card-text, -.notification-card-title { - color: var(--text-primary); - font-size: var(--type-smaller-font-size); - margin: 0 -} - -.notification-card-created { - color: var(--text-secondary); - display: none; - font-size: var(--type-tiny-font-size); - text-align: right -} - -@media screen and (min-width:769px) { - .notification-card-created { - display: inherit - } -} - -.notification-card:first-child { - border-top-left-radius: var(--elem-radius); - border-top-right-radius: var(--elem-radius); - margin-top: 1rem -} - -.notification-card:last-child { - border-bottom-left-radius: var(--elem-radius); - border-bottom-right-radius: var(--elem-radius) -} - -.notification-card.unread { - background-color: var(--accent-tertiary) -} - -@media screen and (min-width:769px) { - .notification-card-description { - align-items: center; - flex-direction: row - } -} - -.select-all-toolbar { - border: 1px solid var(--border-primary); - border-radius: var(--elem-radius); - display: flex; - gap: 1rem -} - -.empty-card, -.select-all-toolbar { - align-items: center; - background-color: var(--background-primary); - padding: .5rem -} - -.empty-card { - border: 1px solid var(--border-secondary); - margin-top: .5rem -} - -.empty-card p { - font: var(--type-article-p); - letter-spacing: .5px; - line-height: 1.5 -} - -.search-widget { - position: relative; - width: 100% -} - -.search-widget .search-filter-button { - right: .5rem -} - -@media screen and (min-width:769px) { - .search-widget { - align-items: center; - display: flex; - gap: .5rem; - margin: 0 - } -} - -.search-input-field { - -webkit-appearance: none; - background-color: var(--background-primary); - border: 1px solid var(--border-primary); - border-radius: var(--elem-radius); - color: var(--text-primary); - height: var(--form-elem-height); - min-width: 60px; - padding-left: 2rem; - width: 100% -} - -.search-input-field:focus { - outline: var(--border-primary) -} - -.search-input-field::-webkit-input-placeholder { - color: var(--text-inactive) -} - -.search-input-field::placeholder { - color: var(--text-inactive) -} - -.search-filter { - display: flex; - flex-wrap: wrap; - gap: .5rem; - padding: 1rem 0 -} - -.search-filter.inline-on-mobile { - flex-wrap: nowrap -} - -.search-filter.inline-on-mobile .search-filter-category { - width: auto -} - -.search-filter [type=search] { - flex: 1 1 -} - -.search-filter-category { - position: relative; - width: calc(50% - .25rem) -} - -.search-filter-category .dropdown-list, -.search-filter-category>.button { - width: 100% -} - -@media screen and (min-width:769px) { - .search-filter { - flex-wrap: nowrap - } - - .search-filter .submenu { - max-width: -webkit-max-content; - max-width: max-content; - right: 0 - } - - .search-filter-category, - .search-filter-category .dropdown-list { - width: auto - } - - .search-filter-category .dropdown-list.filters-menu { - left: auto; - right: 0; - width: 180px - } -} - -.limit-banner { - background: var(--background-tertiary); - border: 1px solid var(--border-secondary); - border-radius: var(--elem-radius); - margin-top: .5rem; - padding-bottom: .5rem; - padding-top: .5rem; - text-align: center -} - -.limit-banner p { - margin: .5rem -} - -.limit-banner a { - color: var(--text-link) -} - -@-webkit-keyframes fade-in { - 0% { - opacity: 0 - } - - 50% { - opacity: .5 - } - - to { - opacity: 1 - } -} - -@keyframes fade-in { - 0% { - opacity: 0 - } - - 50% { - opacity: .5 - } - - to { - opacity: 1 - } -} - -.icon-card-list { - display: flex; - flex-direction: column; - gap: .5rem -} - -.icon-card { - -webkit-animation: fade-in .2s; - animation: fade-in .2s; - background-color: var(--background-primary); - border: 1px solid var(--border-secondary); - border-radius: var(--elem-radius); - padding: 1rem 1rem 1rem .5rem; - transition: .3s ease-out -} - -.icon-card a:link, -.icon-card a:visited { - color: var(--text-primary) -} - -.icon-card:first-child { - margin-top: 1rem -} - -.icon-card>:last-child { - margin-bottom: 0 -} - -.icon-card:last-child { - margin-bottom: 1rem -} - -.icon-card-icon { - align-items: center; - background-color: var(--http-accent-color); - border-radius: .125rem; - color: var(--background-primary); - display: flex; - font-size: .75rem; - font-style: italic; - height: 3rem; - justify-content: center; - padding: .5rem; - width: 3rem -} - -.icon-card-icon span { - overflow: hidden; - text-overflow: ellipsis -} - -.icon-card-icon.html { - background-color: var(--html-accent-color) -} - -.icon-card-icon.css { - background-color: var(--css-accent-color) -} - -.icon-card-icon.javascript { - background-color: var(--js-accent-color) -} - -.icon-card-icon.http { - background-color: var(--http-accent-color) -} - -.icon-card-icon.apis { - background-color: var(--apis-accent-color) -} - -.icon-card-title-wrap { - display: flex; - gap: 1rem -} - -.icon-card-title-wrap .dropdown { - align-self: center -} - -.icon-card-title-wrap .breadcrumbs a:link, -.icon-card-title-wrap .breadcrumbs a:visited { - color: var(--text-secondary) -} - -.icon-card-title { - word-wrap: break-word; - font-size: var(--type-base-font-size-rem); - font-weight: var(--font-body-strong-weight); - margin: 0; - overflow: hidden; - text-overflow: ellipsis -} - -.icon-card-description { - color: var(--text-secondary); - font-size: var(--type-smaller-font-size) -} - -.icon-card-actions { - display: flex; - gap: .5rem -} - -.icon-card .icon-card-content { - flex: 1 1 80%; - overflow: hidden -} - -@media screen and (max-width:426px) { - .icon-card .icon-card-content { - flex-basis: 95% - } -} - -.icon-card .icon-card-content h4 { - overflow: hidden; - text-overflow: ellipsis -} - -.icon-card .icon-card-actions { - align-self: center; - margin-left: auto -} - -.icon-card .breadcrumbs { - color: var(--text-secondary); - font-size: var(--type-smaller-font-size); - list-style: none; - margin-bottom: .5rem -} - -.icon-card .breadcrumbs li { - display: inline-block; - margin: 0 -} - -.icon-card .breadcrumbs li:after { - background-color: var(--text-secondary); - content: ""; - display: inline-block; - height: 8px; - margin: 0 4px; - -webkit-mask-image: url(/static/media/chevron.fd1788325bc2a3d78610.svg); - mask-image: url(/static/media/chevron.fd1788325bc2a3d78610.svg); - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - vertical-align: middle; - width: 8px -} - -.icon-card .breadcrumbs li:last-child:after { - content: normal -} - -article.settings { - display: block; - margin: auto; - max-width: 60em; - padding: 1rem; - width: min(90vw, 40em) -} - -article.settings h3 { - margin-top: .5rem -} - -article.settings .field-group { - margin: 2rem 0 -} - -article.settings .field-group ul { - padding: 0 -} - -article.settings .field-group ul li { - grid-gap: 0 1rem; - display: grid; - gap: 0 1rem; - grid-template-columns: 1fr minmax(5em); - margin: 2em 0 -} - -article.settings .field-group ul li h3 { - font-weight: 600 -} - -article.settings .field-group ul li span { - font-size: .8rem; - grid-column: 1/2; - line-height: 1.2em; - padding-top: .3em -} - -article.settings .field-group ul li .loading, -article.settings .field-group ul li .switch { - align-self: center; - grid-column: 2/3; - grid-row: 1/3; - justify-self: end -} - -article.settings .field-group ul li .manage, -article.settings .field-group ul li button { - align-self: center; - border: 1px solid var(--text-primary); - border-radius: var(--elem-radius); - color: var(--text-link); - font-size: .8rem; - grid-column: 2/3; - grid-row: 1/3; - height: -webkit-max-content; - height: max-content; - justify-self: end; - padding: .5rem 1rem; - width: -webkit-max-content; - width: max-content -} - -article.settings .field-group ul li button[disabled] { - background-color: var(--background-secondary); - border: 1px solid var(--text-secondary); - color: var(--text-secondary) -} - -.plus .article-actions-container { - display: flex -} - -.plus .main-page-content em { - font-style: normal; - text-decoration: underline; - -webkit-text-decoration-color: var(--text-link); - text-decoration-color: var(--text-link); - text-decoration-thickness: .15rem; - text-underline-offset: .1em -} - -.plus .main-page-content h1 { - color: var(--plus-accent-color); - font: 700 12px/120% Inter; - letter-spacing: 1.5px; - text-transform: uppercase -} - -.plus .main-page-content h1+blockquote { - border: revert; - border-radius: var(--elem-radius); - color: var(--text-primary); - margin: 1rem 0 2rem; - padding: revert -} - -.plus .main-page-content h1+blockquote p:first-child { - font: var(--type-heading-h1-mobile); - margin-bottom: 2rem -} - -@media screen and (min-width:769px) { - .plus .main-page-content h1+blockquote p:first-child { - font: var(--type-heading-h1) - } -} - -.plus .main-page-content h1+blockquote p { - font-style: italic -} - -.plus .main-page-content img { - margin: 2rem 0 -} - -.get-involved { - background-color: var(--mdn-background-dark) -} - -.get-involved section { - color: var(--text-primary); - display: flex; - flex-direction: column; - gap: 1rem; - line-height: 1.75; - margin: 0 auto; - max-width: 52rem; - padding: 2rem 1rem -} - -.get-involved section h2 { - font-family: var(--font-heading); - font-size: 1.3rem; - font-weight: 600; - line-height: 120%; - margin: 0 -} - -.get-involved section .get-involved-cta { - color: var(--category-color); - display: block; - margin-top: 1rem -} - -.about { - width: 100% -} - -.about .about-container { - margin: 0 auto; - max-width: 52rem; - padding: 0 1rem 2rem -} - -.about .about-container h1 { - margin-top: 3rem -} - -@media screen and (min-width:769px) { - .about .about-container h1 { - font-size: 3.5rem - } -} - -.about .about-container header { - align-items: center; - display: flex; - flex-direction: column; - gap: 1rem; - padding: 2rem 0 -} - -.about .about-container header .headline { - font-family: var(--font-heading); - font-size: 1.313rem; - font-style: normal; - font-weight: 400; - line-height: 175%; - margin: 0 -} - -.about .about-container p { - font-size: 1rem; - font-weight: 350; - line-height: 175% -} - -.about .about-container h2 { - font-size: 1.3rem -} - -.about .about-container .heading-break { - display: none -} - -@media screen and (min-width:769px) { - .about .about-container .heading-break { - display: block - } -} - -blockquote.quote { - border: none; - border-radius: .5rem; - display: flex; - flex-direction: column-reverse; - gap: 2rem; - margin: 2rem 0; - padding: 2rem -} - -@media screen and (max-width:40rem) { - blockquote.quote { - flex-wrap: wrap-reverse - } -} - -blockquote.quote p { - display: flex; - font-style: italic -} - -blockquote.quote p .icon { - margin-right: 1rem; - margin-top: .2rem -} - -blockquote.quote .name { - display: inline; - font-size: var(--type-base-font-size-rem); - margin: 0 -} - -main.contribute { - margin-bottom: 3rem; - width: 100% -} - -main.contribute .stats-container { - background-color: var(--background-primary); - color: var(--text-primary); - margin-bottom: 3rem; - width: 100% -} - -main.contribute section { - margin: 0 auto; - max-width: 52rem; - padding: 0 1rem -} - -main.contribute section.stats-header { - align-items: center; - display: flex; - flex-direction: column; - padding: 0 .5rem 2rem -} - -main.contribute section h1 { - font-size: 3rem; - margin-left: .5rem; - margin-top: 8rem; - text-align: center -} - -main.contribute section h1:after { - content: " "; - text-decoration: underline; - -webkit-text-decoration-color: var(--text-link); - text-decoration-color: var(--text-link); - text-decoration-thickness: .1em; - text-underline-offset: .1em -} - -main.contribute section h1:before { - background-color: var(--text-link); - content: ""; - display: inline-block; - height: 1.2em; - -webkit-mask: url(/static/media/m-logo.e19e04547be91a35c8ea.svg) no-repeat 50% 50%; - mask: url(/static/media/m-logo.e19e04547be91a35c8ea.svg) no-repeat 50% 50%; - -webkit-mask-size: cover; - mask-size: cover; - -webkit-transform: translate(-.2em, .2em); - transform: translate(-.2em, .2em); - width: 1.2em -} - -main.contribute section .quote.owd { - background-color: var(--text-link); - color: var(--background-primary) -} - -main.contribute section .quote.owd .icon, -main.contribute section .quote.pab { - background-color: var(--background-primary) -} - -main.contribute section .quote.pab { - color: var(--text-primary) -} - -main.contribute section .quote.pab .icon { - background-color: var(--text-primary) -} - -main.contribute section .stats { - grid-gap: .3em; - display: grid; - gap: .3em -} - -@media screen and (max-width:769px) { - main.contribute section .stats { - grid-template-columns: 1fr 1fr - } -} - -@media screen and (max-width:426px) { - main.contribute section .stats { - grid-template-columns: 1fr - } -} - -@media screen and (min-width:769px) { - main.contribute section .stats { - grid-template-columns: 1fr 1fr 1fr 1fr - } -} - -main.contribute section .stats li { - align-items: center; - background: var(--text-link); - color: var(--background-primary); - display: flex; - flex-direction: column; - padding: .5rem 2rem -} - -main.contribute section .stats li .number { - font-size: 3rem -} - -main.contribute section .stats li .legend { - font-size: .8rem; - max-width: 5rem; - text-align: center -} - -.contributor-spotlight-content-container { - margin: 3rem auto; - max-width: 52rem; - padding: 0 1rem -} - -.contributor-spotlight-content-container li { - line-height: 1.5; - list-style-type: disc; - margin-bottom: 1rem -} - -.contributor-spotlight-content-container ul { - padding-left: 1rem -} - -.contributor-spotlight-content-container .quote { - background-color: var(--category-color-background); - color: var(--text-primary) -} - -.contributor-spotlight-content-container .quote .icon { - background-color: var(--text-primary) -} - -.contributor-spotlight-content-container .profile-image { - border-radius: 50%; - height: 200px; - width: 200px -} - -.contributor-spotlight-content-container .profile-header { - align-items: center; - border-radius: var(--elem-radius); - display: flex; - flex-direction: column; - gap: 1rem; - padding: 1rem; - width: 100% -} - -.contributor-spotlight-content-container .profile-header h2 { - color: var(--text-primary); - margin-bottom: 0; - margin-top: 0 -} - -.contributor-spotlight-content-container .profile-header .username { - background-color: var(--category-color); - color: var(--text-invert); - font-size: 1.75rem; - padding: .2rem .4rem -} - -.mdn-cta-container { - align-items: center; - background-color: #212121; - color: #fff; - display: flex; - height: 100%; - min-height: 40px; - padding: 0 1rem; - z-index: 999 -} - -.mdn-cta-container .mdn-cta-copy { - margin: 0; - padding: 8px 0 -} - -.mdn-cta-container button { - background: none; - border: none; - opacity: .6 -} - -.mdn-cta-container button:active, -.mdn-cta-container button:focus, -.mdn-cta-container button:hover { - cursor: pointer; - opacity: 1 -} - -.mdn-cta-container button .icon { - color: #fff; - height: 16px -} - -.mdn-cta-container .mdn-cta-content { - margin: 0 auto -} - -.mdn-cta-container a { - color: var(--color-announcement-banner-accent); - min-height: 0 -} - -.mdn-cta-container a:focus, -.mdn-cta-container a:hover { - text-decoration: underline -} - -.mdn-cta-container .underlined { - font-style: normal; - -webkit-text-decoration: underline var(--color-announcement-banner-accent) .15rem; - text-decoration: underline var(--color-announcement-banner-accent) .15rem -} - -.mdn-cta-container .mdn-plus { - color: var(--color-announcement-banner-accent); - font-size: 1.2rem; - font-weight: 700 -} - -body.full-screen-overlay .mdn-cta-container { - display: none -} -*/ \ No newline at end of file diff --git a/public/mdn-style.min.css b/public/mdn-style.min.css deleted file mode 100644 index 84be08f..0000000 --- a/public/mdn-style.min.css +++ /dev/null @@ -1 +0,0 @@ -@import "https://rsms.me/inter/inter.css";html{font-family:'Inter',sans-serif}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol,p,ul{margin:0}html{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;font-family:Inter,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-body);font-size:100%;font-size:var(--base-font-size);line-height:1.75;line-height:var(--font-content-line-height)}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a{text-decoration:none}img,picture{max-width:100%}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--code-token-comment)}.token.punctuation{color:var(--code-token-punctuation)}.token.attr-name,.token.builtin,.token.class-name,.token.function,.token.inserted,.token.property,.token.selector{color:var(--code-token-attribute-name)}.token.atrule,.token.attr-value{color:var(--code-token-attribute-value)}.token.keyword{color:var(--code-token-tag)}.token.boolean,.token.char,.token.constant,.token.deleted,.token.number,.token.string,.token.symbol,.token.tag{color:var(--code-token-attribute-value)}.token.builtin,.token.inserted,.token.selector,.token.template-string>.token.string{color:var(--code-token-selector)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.notecard{--note-background:var(--background-information);--note-theme:var(--icon-information);background-color:var(--note-background);border:1px solid var(--border-secondary);border-left:4px solid var(--note-theme);border-radius:.25rem;border-radius:var(--elem-radius);box-shadow:var(--shadow-01);margin:1rem 0;padding:1rem 1rem 1rem 3rem;position:relative}.notecard,.notecard li,.notecard p{color:var(--text-secondary)}.notecard p{line-height:2;margin:0!important}.notecard:before{background-color:var(--note-theme);content:"";display:block;height:1rem;left:1rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:1.5rem;width:1rem}.notecard.inline{font:var(--type-body-s);margin:.5rem;padding:.125rem .375rem .125rem 1.5rem}.notecard.inline:before{display:block;height:.8rem;left:.2rem;top:.1875rem;width:.8rem}.notecard.warning{--note-background:var(--background-warning);--note-theme:var(--icon-warning)}.notecard.warning:before{-webkit-mask-image:url(/static/media/note-warning.d6e4c7b35b5ed187e936.svg);mask-image:url(/static/media/note-warning.d6e4c7b35b5ed187e936.svg)}.notecard.nonstandard{--note-background:var(--background-warning);--note-theme:var(--icon-warning)}.notecard.nonstandard:before{-webkit-mask-image:url(/static/media/nonstandard.d6e4c7b35b5ed187e936.svg);mask-image:url(/static/media/nonstandard.d6e4c7b35b5ed187e936.svg)}.notecard.error,.notecard.negative{--note-background:var(--background-critical);--note-theme:var(--icon-critical)}.notecard.error:before,.notecard.negative:before{-webkit-mask-image:url(/static/media/note-deprecated.0d2643f0c417b3670c49.svg);mask-image:url(/static/media/note-deprecated.0d2643f0c417b3670c49.svg)}.notecard.deprecated{--note-background:var(--background-critical);--note-theme:var(--icon-critical)}.notecard.deprecated:before{-webkit-mask-image:url(/images/info.svg);mask-image:url(/images/info.svg)}.notecard.experimental:before{-webkit-mask-image:url(/static/media/experimental.2f9e05f53c6dbee7791c.svg);mask-image:url(/static/media/experimental.2f9e05f53c6dbee7791c.svg)}.notecard.success{--note-background:var(--background-success);--note-theme:var(--icon-success)}.notecard.success:before{-webkit-mask-image:url(/static/media/note-info.0eafb6e7738509bce66e.svg);mask-image:url(/static/media/note-info.0eafb6e7738509bce66e.svg)}.notecard ol,.notecard ul{padding-left:2rem}.notecard p,.notecard ul{padding-bottom:.5rem}.notecard p:last-child,.notecard ul:last-child{padding-bottom:0}.notecard:last-of-type{margin-bottom:2rem}.notecard:first-of-type{margin-top:2rem}.notecard>:first-child{margin-top:0}.notecard h1,.notecard h2,.notecard h3,.notecard h4,.notecard h5,.notecard h6{color:var(--text-primary);font:1rem;font:var(--type-base-font-size-rem);margin-bottom:.5rem}.main-content .notecard a:not(.button),.main-content .notecard code{color:var(--notecard-link-color)}.main-content .notecard a:not(.button):hover,.main-content .notecard code:hover{text-decoration:none}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;padding:1rem 0}.mdn-form,.pagination-label{font-size:.833rem;font-size:var(--type-smaller-font-size)}.mdn-form{font-family:Inter,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-body);font-weight:600;font-weight:var(--font-body-strong-weight)}.mdn-form-item{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1rem}.mdn-form-item:first-child{padding-top:0}.mdn-form-item.is-button-row{display:flex;justify-content:flex-end}.mdn-form-item.is-button-row .button{width:auto}.mdn-form-item [type=text]{background:var(--background-primary);border:1px solid var(--border-primary);color:var(--text-primary);flex:1 1 100%;font-size:.833rem;font-size:var(--type-smaller-font-size);min-width:0;padding:.5rem}.mdn-form-item [type=text]:focus{border:1px solid var(--button-secondary-border-focus);box-shadow:0 0 0 3px var(--accent-primary-engage);box-shadow:var(--focus-effect);outline:0 none}.mdn-form-item label{width:100%}:root{--font-fallback:BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-body:Inter,var(--font-fallback);--font-heading:Inter,var(--font-fallback);--font-code:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;--base-font-size:100%;--base-line-height:1.2;--intermediate-line-height:1.5;--heading-line-height:var(--base-line-height);--heading-letter-spacing:-.031rem;--font-content-line-height:1.75;--font-body-strong-weight:600;--type-heading-h1-font-size:2.488rem;--type-heading-h2-font-size:2.074rem;--type-heading-h3-font-size:1.728rem;--type-heading-h4-font-size:1.44rem;--type-heading-h5-font-size:1.2rem;--type-base-font-size-rem:1rem;--type-smaller-font-size:.833rem;--type-tiny-font-size:.694rem;--type-heading-h1-font-size-mobile:1.802rem;--type-heading-h2-font-size-mobile:1.602rem;--type-heading-h3-font-size-mobile:1.424rem;--type-heading-h4-font-size-mobile:1.266rem;--type-emphasis-m:var(--font-body-strong-weight) var(--type-smaller-font-size) /1.23 var(--font-body);--type-label-s:600 var(--type-tiny-font-size) /1.2 var(--font-heading);--type-heading-h1:600 var(--type-heading-h1-font-size-mobile) /var(--heading-line-height) var(--font-heading);--type-heading-h2:500 var(--type-heading-h2-font-size-mobile) /var(--heading-line-height) var(--font-heading);--type-heading-h3:300 var(--type-heading-h3-font-size-mobile) /var(--heading-line-height) var(--font-heading);--type-heading-h4:400 var(--type-heading-h4-font-size-mobile) /var(--heading-line-height) var(--font-heading);--type-heading-h5:400 var(--type-heading-h5-font-size) /var(--heading-line-height) var(--font-heading);--type-heading-h6:400 var(--type-base-font-size-rem) /var(--heading-line-height) var(--font-heading);--type-article-p:400 var(--type-base-font-size-rem) /var(--font-content-line-height) var(--font-body);--max-width:1440px;--gutter:1rem;--top-navigation-height:4rem;--top-navigation-offset:-4rem;--z-index-back:-1;--z-index-top:9999;--z-index-a11y:10000;--z-index-mid:500;--z-index-nav-menu:200;--z-index-search-results:101;--z-index-low:100;--z-index-search-results-home:99;--elem-radius:.25rem;--focus-effect:0 0 0 3px var(--accent-primary-engage);--form-elem-height:2rem;--sticky-header-height:0;--top-nav-height:4rem;--main-document-header-height:6rem;--icon-size:1rem}@media screen and (min-width:769px){:root{--type-heading-h1:600 var(--type-heading-h1-font-size) /var(--heading-line-height) var(--font-heading);--type-heading-h2:500 var(--type-heading-h2-font-size) /var(--heading-line-height) var(--font-heading);--type-heading-h3:300 var(--type-heading-h3-font-size) /var(--heading-line-height) var(--font-heading);--type-heading-h4:400 var(--type-heading-h4-font-size) /var(--heading-line-height) var(--font-heading)}}:target{scroll-margin-top:0;scroll-margin-top:var(--sticky-header-height)}body{accent-color:var(--accent-primary);background-color:var(--background-primary);color:var(--text-primary);scrollbar-color:var(--scrollbar-color) var(--scrollbar-bg)}body.full-screen-overlay{overflow:hidden}:focus-visible{outline-color:var(--accent-primary);outline-offset:1px;outline-style:auto}main{min-height:80vh}.about-container a:link,.about-container a:visited,.main-page-content a:link,.main-page-content a:visited{text-decoration:underline}.about-container a:focus,.about-container a:hover,.main-page-content a:focus,.main-page-content a:hover{text-decoration:none}.visually-hidden{clip:rect(1px,1px,1px,1px)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.hidden{display:none}pre{word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}a{color:var(--text-link)}a.external:after{background-color:var(--icon-primary);content:"";display:inline-flex;height:10px;margin-left:4px;-webkit-mask-image:url(/static/media/external.ad7e40a95bc765963433.svg);mask-image:url(/static/media/external.ad7e40a95bc765963433.svg);-webkit-mask-size:cover;mask-size:cover;width:10px}.expand-this-link:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}[type=search]::-ms-clear{display:none;height:0;width:0}[type=search]::-ms-reveal{display:none;height:0;width:0}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration,[type=search]::-webkit-search-results-button,[type=search]::-webkit-search-results-decoration{display:none}u{-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link);text-decoration-thickness:.15rem;text-underline-offset:.1em}.plus,.plus .dark{--background-toc-active:var(--plus-accent-background-color);--text-link:var(--plus-accent-color);--category-color:var(--plus-accent-color);--category-color-background:var(--plus-accent-background-color);--code-color:var(--plus-code-color);--mark-color:var(--plus-mark-color)}.category-html{--background-toc-active:var(--html-accent-background-color);--category-color:var(--html-accent-color);--category-color-background:var(--html-accent-background-color);--mark-color:var(--html-mark-color)}.category-css{--background-toc-active:var(--css-accent-background-color);--category-color:var(--css-accent-color);--category-color-background:var(--css-accent-background-color);--mark-color:var(--css-mark-color)}.category-javascript{--background-toc-active:var(--js-accent-background-color);--category-color:var(--js-accent-color);--category-color-background:var(--js-accent-background-color);--mark-color:var(--js-mark-color)}.category-http{--background-toc-active:var(--http-accent-background-color);--category-color:var(--http-accent-color);--category-color-background:var(--http-accent-background-color);--mark-color:var(--http-mark-color)}.category-api{--background-toc-active:var(--apis-accent-background-color);--category-color:var(--apis-accent-color);--category-color-background:var(--apis-accent-background-color);--mark-color:var(--apis-mark-color)}.category-learn{--background-toc-active:var(--learn-accent-background-color);--category-color:var(--learn-accent-color);--category-color-background:var(--learn-accent-background-color);--mark-color:var(--api-mark-color)}.mify{margin-left:.5rem}.mify:after{content:" ";text-decoration:underline;-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link);text-decoration-thickness:.1em;text-underline-offset:.1em}.mify:before{background-color:var(--text-link);content:"";display:inline-block;height:1.2em;-webkit-mask-size:cover;mask-size:cover;-webkit-transform:translate(-.2em,.2em);transform:translate(-.2em,.2em);width:1.2em}._ify:after{content:" ";text-decoration:underline;-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link);text-decoration-thickness:.1em;text-underline-offset:.1em}@media(forced-colors:active){.icon{background-color:CanvasText!important}}.homepage{align-items:center;display:flex;flex-direction:column;gap:2rem;overflow-x:clip;overflow-y:visible;position:relative;width:100%}.homepage-hero{color:var(--text-primary);display:grid;grid-template-rows:fit-content(24rem);width:100%}.homepage-hero section{display:flex;flex-direction:column;gap:2rem;grid-column:1;grid-row:1;height:100%;justify-content:center;margin:0 auto;max-width:52rem;padding:0 1rem;width:100%}.homepage-hero section h1{font-size:2.2rem;font-weight:200;letter-spacing:-.5px;line-height:120%;margin:0}@media screen and (min-width:426px){.homepage-hero section h1{font-size:2.5rem}}@media screen and (min-width:769px){.homepage-hero section h1{font-size:3rem}}.homepage-hero section h1:after{content:" ";text-decoration:underline;-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link);text-decoration-thickness:.15rem;text-underline-offset:.1rem}.homepage-hero section p{font-weight:300}.homepage-hero .homepage-hero-bg{--mandala-primary:var(--border-primary);background-color:rgba(1,1,1,.9);grid-column:1;grid-row:1;overflow:hidden;top:0;width:100%;z-index:-1}.homepage-hero .homepage-hero-bg .mandala-translate{-webkit-transform:translate(10rem,-8rem) scale(1.2);transform:translate(10rem,-8rem) scale(1.2)}@media screen and (min-width:426px){.homepage-hero .homepage-hero-bg .mandala-translate{-webkit-transform:translate(12rem,-8rem);transform:translate(12rem,-8rem)}}.homepage-hero .homepage-hero-search{align-self:center;display:flex;margin-bottom:1rem;max-height:4rem;max-width:40rem;width:100%}.homepage-hero .homepage-hero-search .search-input-field{background-color:rgba(1,1,1,.5);border-radius:10rem;padding:2rem}.homepage-hero .homepage-hero-search .search-input-field:focus{border-color:var(--field-focus-border);box-shadow:var(--focus-01)}.homepage-hero .homepage-hero-search .search-input-field::-webkit-input-placeholder{font-size:1.5rem}.homepage-hero .homepage-hero-search .search-input-field::placeholder{font-size:1.5rem}.homepage-hero .homepage-hero-search .search-widget{display:flex;gap:0}.homepage-hero .homepage-hero-search .search-results{box-shadow:var(--shadow-02);margin:0 1.5rem;text-align:left;top:4.2rem;width:calc(100% - 3rem);z-index:var(--z-index-search-results-home)}.homepage-hero .homepage-hero-search .search-results .result-item a{padding:.5rem 1.5rem}.homepage-hero .homepage-hero-search .search-results .result-item mark{background:none;color:var(--text-primary)}.homepage-hero .homepage-hero-search .search-results .result-item span{color:var(--text-secondary);font-weight:400}.homepage-hero .homepage-hero-search .search-results .result-item small{color:var(--text-secondary)}.homepage-hero .search-button.button{height:100%;left:auto;position:absolute;right:1.5rem;top:0}.homepage-hero .search-button.button:hover{background:none;border-color:transparent}.homepage-hero .search-button.button .button-wrap{background:none}.homepage-hero .search-button.button .button-wrap:hover{background:none;border:1px solid transparent}.homepage-hero .search-button.button .button-wrap:hover .icon{background-color:var(--text-link)}.homepage-hero .search-button.button .button-wrap .icon{background-color:var(--icon-primary);border:none}.icon{--size:var(--icon-size,1rem);background-color:var(--icon-primary);display:inline-block;flex-shrink:0;height:var(--size);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:var(--size)}svg.icon{background:transparent;color:var(--icon-primary)}.icon.icon-add-filled{-webkit-mask-image:url(/static/media/add-filled.a8e6793efe0c45d06016.svg);mask-image:url(/static/media/add-filled.a8e6793efe0c45d06016.svg)}.icon.icon-add{-webkit-mask-image:url(/static/media/add.9f0957aa3417844441a2.svg);mask-image:url(/static/media/add.9f0957aa3417844441a2.svg)}.icon.icon-altname{-webkit-mask-image:url(/static/media/altname.fa41e3cb6859d720b231.svg);mask-image:url(/static/media/altname.fa41e3cb6859d720b231.svg)}.icon.icon-bell-filled{-webkit-mask-image:url(/static/media/bell-filled.92b1b0fec0b6ed04f771.svg);mask-image:url(/static/media/bell-filled.92b1b0fec0b6ed04f771.svg)}.icon.icon-bell{-webkit-mask-image:url(/static/media/bell.034a87122ec06307f900.svg);mask-image:url(/static/media/bell.034a87122ec06307f900.svg)}.icon.icon-bookmark-filled{-webkit-mask-image:url(/static/media/bookmark-filled.22802275efddc0dd3f04.svg);mask-image:url(/static/media/bookmark-filled.22802275efddc0dd3f04.svg)}.icon.icon-bookmark{-webkit-mask-image:url(/static/media/bookmark.e9ba9d27f97589ba62cc.svg);mask-image:url(/static/media/bookmark.e9ba9d27f97589ba62cc.svg)}.icon.icon-cancel{-webkit-mask-image:url(/static/media/cancel.ff1ee2551e18f9c9c8d3.svg);mask-image:url(/static/media/cancel.ff1ee2551e18f9c9c8d3.svg)}.icon.icon-checkmark{-webkit-mask-image:url(/static/media/checkmark.d05ce91f65dfc321cadd.svg);mask-image:url(/static/media/checkmark.d05ce91f65dfc321cadd.svg)}.icon.icon-chevron{-webkit-mask-image:url(/static/media/chevron.05a124d379047e16d746.svg);mask-image:url(/static/media/chevron.05a124d379047e16d746.svg)}.icon.icon-chrome{-webkit-mask-image:url(/static/media/chrome.4c57086589fd964c05f5.svg);mask-image:url(/static/media/chrome.4c57086589fd964c05f5.svg)}.icon.icon-critical{-webkit-mask-image:url(/static/media/critical.046b659f661afa9ab11f.svg);mask-image:url(/static/media/critical.046b659f661afa9ab11f.svg)}.icon.icon-deno{-webkit-mask-image:url(/static/media/deno.a791d0899729b3089500.svg);mask-image:url(/static/media/deno.a791d0899729b3089500.svg)}.icon.icon-deprecated{-webkit-mask-image:url(/static/media/deprecated.eda3b39bb2bd366d4b2b.svg);mask-image:url(/static/media/deprecated.eda3b39bb2bd366d4b2b.svg)}.icon.icon-desktop{-webkit-mask-image:url(/static/media/desktop.ae5e91df1e60ced79a5e.svg);mask-image:url(/static/media/desktop.ae5e91df1e60ced79a5e.svg)}.icon.icon-disabled{-webkit-mask-image:url(/static/media/disabled.f52f4d023359dbf8a727.svg);mask-image:url(/static/media/disabled.f52f4d023359dbf8a727.svg)}.icon.icon-edge{-webkit-mask-image:url(/static/media/edge.40018f6a959bc3e5c537.svg);mask-image:url(/static/media/edge.40018f6a959bc3e5c537.svg)}.icon.icon-edit{-webkit-mask-image:url(/static/media/edit.2e4f3bd111b39f9ebbc2.svg);mask-image:url(/static/media/edit.2e4f3bd111b39f9ebbc2.svg)}.icon.icon-ellipses{-webkit-mask-image:url(/static/media/ellipses.c6dd1c04b7ef3cba126a.svg);mask-image:url(/static/media/ellipses.c6dd1c04b7ef3cba126a.svg)}.icon.icon-experimental{-webkit-mask-image:url(/static/media/experimental.2f9e05f53c6dbee7791c.svg);mask-image:url(/static/media/experimental.2f9e05f53c6dbee7791c.svg)}.icon.icon-external{-webkit-mask-image:url(/static/media/external.ad7e40a95bc765963433.svg);mask-image:url(/static/media/external.ad7e40a95bc765963433.svg)}.icon.icon-eye-filled{-webkit-mask-image:url(/static/media/eye-filled.dd0405b418fcfecf0f77.svg);mask-image:url(/static/media/eye-filled.dd0405b418fcfecf0f77.svg)}.icon.icon-eye{-webkit-mask-image:url(/static/media/eye.b451ad8ced0662500e82.svg);mask-image:url(/static/media/eye.b451ad8ced0662500e82.svg)}.icon.icon-footnote{-webkit-mask-image:url(/static/media/footnote.adb3f56121e4f9c95ba7.svg);mask-image:url(/static/media/footnote.adb3f56121e4f9c95ba7.svg)}.icon.icon-github-mark-small{-webkit-mask-image:url(/static/media/github-mark-small.348586b8904b950b8ea8.svg);mask-image:url(/static/media/github-mark-small.348586b8904b950b8ea8.svg)}.icon.icon-ie{-webkit-mask-image:url(/static/media/ie.cf17782c766db346d9b1.svg);mask-image:url(/static/media/ie.cf17782c766db346d9b1.svg)}.icon.icon-information{-webkit-mask-image:url(/static/media/information.81a9c7bfba75e9c4e993.svg);mask-image:url(/static/media/information.81a9c7bfba75e9c4e993.svg)}.icon.icon-language{-webkit-mask-image:url(/static/media/language.e4289910782fa8d1c882.svg);mask-image:url(/static/media/language.e4289910782fa8d1c882.svg)}.icon.icon-menu-filled{-webkit-mask-image:url(/static/media/menu-filled.48a621119c4448c94d79.svg);mask-image:url(/static/media/menu-filled.48a621119c4448c94d79.svg)}.icon.icon-menu{-webkit-mask-image:url(/static/media/menu.1ed93cf1ba8c04627c11.svg);mask-image:url(/static/media/menu.1ed93cf1ba8c04627c11.svg)}.icon.icon-mobile{-webkit-mask-image:url(/static/media/mobile.7f0bdae2a317caf911ee.svg);mask-image:url(/static/media/mobile.7f0bdae2a317caf911ee.svg)}.icon.icon-more{-webkit-mask-image:url(/static/media/more.ce2ad00a1fca149a22ce.svg);mask-image:url(/static/media/more.ce2ad00a1fca149a22ce.svg)}.icon.icon-theme-dark{-webkit-mask-image:url(/static/media/theme-dark.2204a73b9b7fbc5e0219.svg);mask-image:url(/static/media/theme-dark.2204a73b9b7fbc5e0219.svg)}.icon.icon-next{-webkit-mask-image:url(/static/media/next.1ecddf89481891f59480.svg);mask-image:url(/static/media/next.1ecddf89481891f59480.svg)}.icon.icon-no{-webkit-mask-image:url(/static/media/no.d2e0aa3e7440f80dccd6.svg);mask-image:url(/static/media/no.d2e0aa3e7440f80dccd6.svg)}.icon.icon-nodejs{-webkit-mask-image:url(/static/media/nodejs.bb93afa7923c2473034b.svg);mask-image:url(/static/media/nodejs.bb93afa7923c2473034b.svg)}.icon.icon-nonstandard{-webkit-mask-image:url(/static/media/nonstandard.d6e4c7b35b5ed187e936.svg);mask-image:url(/static/media/nonstandard.d6e4c7b35b5ed187e936.svg)}.icon.icon-note-info{-webkit-mask-image:url(/static/media/note-info.0eafb6e7738509bce66e.svg);mask-image:url(/static/media/note-info.0eafb6e7738509bce66e.svg)}.icon.icon-note-warning{-webkit-mask-image:url(/static/media/note-warning.d6e4c7b35b5ed187e936.svg);mask-image:url(/static/media/note-warning.d6e4c7b35b5ed187e936.svg)}.icon.icon-note-deprecated{-webkit-mask-image:url(/static/media/note-deprecated.0d2643f0c417b3670c49.svg);mask-image:url(/static/media/note-deprecated.0d2643f0c417b3670c49.svg)}.icon.icon-opera{-webkit-mask-image:url(/static/media/opera.a0ab0c5004c00e618a00.svg);mask-image:url(/static/media/opera.a0ab0c5004c00e618a00.svg)}.icon.icon-padlock{-webkit-mask-image:url(/static/media/padlock.6210113487ca12ff25f3.svg);mask-image:url(/static/media/padlock.6210113487ca12ff25f3.svg)}.icon.icon-partial{-webkit-mask-image:url(/static/media/partial.2d8806d709221f07c72c.svg);mask-image:url(/static/media/partial.2d8806d709221f07c72c.svg)}.icon.icon-prefix{-webkit-mask-image:url(/static/media/prefix.db94a69f5867547725e5.svg);mask-image:url(/static/media/prefix.db94a69f5867547725e5.svg)}.icon.icon-preview{-webkit-mask-image:url(/static/media/preview.77ee12031f5f5ecb2962.svg);mask-image:url(/static/media/preview.77ee12031f5f5ecb2962.svg)}.icon.icon-previous{-webkit-mask-image:url(/static/media/previous.585a0363cab37d75a90d.svg);mask-image:url(/static/media/previous.585a0363cab37d75a90d.svg)}.icon.icon-quote{-webkit-mask-image:url(/static/media/quote.d88c218cc7eaf9168178.svg);mask-image:url(/static/media/quote.d88c218cc7eaf9168178.svg)}.icon.icon-safari{-webkit-mask-image:url(/static/media/safari.3679eb31121b46323304.svg);mask-image:url(/static/media/safari.3679eb31121b46323304.svg)}.icon.icon-samsunginternet{-webkit-mask-image:url(/static/media/samsunginternet.55e41ddfc05627ecc331.svg);mask-image:url(/static/media/samsunginternet.55e41ddfc05627ecc331.svg)}.icon.icon-search{-webkit-mask-image:url(/static/media/search.cebfd63a204ba9fefa74.svg);mask-image:url(/static/media/search.cebfd63a204ba9fefa74.svg)}.icon.icon-server{-webkit-mask-image:url(/static/media/server.fdad5f2f9f48879ac6c2.svg);mask-image:url(/static/media/server.fdad5f2f9f48879ac6c2.svg)}.icon.icon-sidebar{-webkit-mask-image:url(/static/media/sidebar.18421c220ec0a5e690f1.svg);mask-image:url(/static/media/sidebar.18421c220ec0a5e690f1.svg)}.icon.icon-simple-firefox{-webkit-mask-image:url(/static/media/simple-firefox.9b9181d8c30c3de88edf.svg);mask-image:url(/static/media/simple-firefox.9b9181d8c30c3de88edf.svg)}.icon.icon-small-arrow{-webkit-mask-image:url(/static/media/small-arrow.a22801b3d18b7d1ea795.svg);mask-image:url(/static/media/small-arrow.a22801b3d18b7d1ea795.svg)}.icon.icon-theme-light{-webkit-mask-image:url(/static/media/theme-light.af1aa3887c0deadaaf2e.svg);mask-image:url(/static/media/theme-light.af1aa3887c0deadaaf2e.svg)}.icon.icon-star-filled{-webkit-mask-image:url(/static/media/star-filled.358ee4566f4a4c7d438d.svg);mask-image:url(/static/media/star-filled.358ee4566f4a4c7d438d.svg)}.icon.icon-star{-webkit-mask-image:url(/static/media/star.00aab2ac065852fd407a.svg);mask-image:url(/static/media/star.00aab2ac065852fd407a.svg)}.icon.icon-theme-os-default{-webkit-mask-image:url(/static/media/theme-os-default.b14255eadab403fa2e8a.svg);mask-image:url(/static/media/theme-os-default.b14255eadab403fa2e8a.svg)}.icon.icon-thumbs-down{-webkit-mask-image:url(/static/media/thumbs-down.7ca516d7f04791a3910c.svg);mask-image:url(/static/media/thumbs-down.7ca516d7f04791a3910c.svg)}.icon.icon-thumbs-up{-webkit-mask-image:url(/static/media/thumbs-up.10a6075a46940d218431.svg);mask-image:url(/static/media/thumbs-up.10a6075a46940d218431.svg)}.icon.icon-trash{-webkit-mask-image:url(/static/media/trash.edee2ea86f1b505315f7.svg);mask-image:url(/static/media/trash.edee2ea86f1b505315f7.svg)}.icon.icon-twitter{-webkit-mask-image:url(/static/media/twitter.cc5b37feab537ddbf701.svg);mask-image:url(/static/media/twitter.cc5b37feab537ddbf701.svg)}.icon.icon-unknown{-webkit-mask-image:url(/static/media/unknown.7fd13a7673ebf93f625c.svg);mask-image:url(/static/media/unknown.7fd13a7673ebf93f625c.svg)}.icon.icon-warning{-webkit-mask-image:url(/static/media/warning.334964ef472eac4cfb78.svg);mask-image:url(/static/media/warning.334964ef472eac4cfb78.svg)}.icon.icon-webview{-webkit-mask-image:url(/static/media/webview.7d9bf32041e0c57240b5.svg);mask-image:url(/static/media/webview.7d9bf32041e0c57240b5.svg)}.icon.icon-yes{-webkit-mask-image:url(/static/media/yes.70caad81ca5e3d9f7576.svg);mask-image:url(/static/media/yes.70caad81ca5e3d9f7576.svg)}.icon.icon-yes-circle{-webkit-mask-image:url(/static/media/yes-circle.1c4f7a083d20df35ca93.svg);mask-image:url(/static/media/yes-circle.1c4f7a083d20df35ca93.svg)}.button,button{-webkit-appearance:none;appearance:none;background:none;border:none}.button{--button-bg:var(--button-primary-default);--button-border-color:var(--button-primary-default);--button-focus-effect:var(--focus-effect);--button-height:var(--form-elem-height,2rem);--button-color:var(--background-primary);--button-font:var(--type-emphasis-m);--button-padding:.5rem;--button-radius:var(--elem-radius,0.25rem);border-radius:var(--button-radius);cursor:pointer;display:inline-block;padding:0;text-decoration:none}.button-wrap{align-items:center;background-color:var(--button-bg);border:1px solid var(--button-border-color);border-radius:var(--button-radius);color:var(--button-color);display:flex;font:var(--button-font);gap:.25rem;height:var(--button-height);justify-content:center;padding-left:var(--button-padding);padding-right:var(--button-padding);position:relative}.button .icon{background-color:var(--button-color);margin:0 -1px}.button.hover,.button:hover{--button-bg:var(--button-primary-hover);--button-border-color:var(--button-bg)}.button.active,.button:active{--button-bg:var(--button-primary-active)}.button.focus,.button:focus{outline:none}.button.focus .button-wrap,.button:focus .button-wrap{border:1px solid var(--button-secondary-border-focus);box-shadow:var(--button-focus-effect)}.button.button.inactive,.button.button[disabled]{cursor:default;opacity:.65}.button.button.inactive:hover,.button.button[disabled]:hover{--button-bg:inherit;--button-border-color:transparent}.button.small,.button.small .button-wrap{--button-height:1.75rem;--button-padding:.25rem}.button.secondary{--button-bg:var(--button-secondary-default);--button-border-color:var(--border-primary);--button-color:var(--text-secondary)}.button.secondary:hover{--button-bg:var(--button-secondary-hover)}.button.secondary:active{--button-bg:var(--button-secondary-active)}.button.secondary:focus{--button-border-color:var(--button-secondary-border-focus)}.button.action{--button-bg:transparent;--button-border-color:var(--button-bg);--button-color:var(--text-secondary);--button-font:var(--type-label-s)}.button.action.has-icon{--button-font:var(--type-emphasis-m);text-transform:none}.button.action:hover{--button-bg:var(--button-secondary-hover)}.button.action:active{--button-bg:var(--button-secondary-active)}.button.action:focus{--button-border-color:var(--button-secondary-border-focus)}.button.action .button-wrap{text-transform:uppercase}.button.action.highlight{--button-color:var(--button-primary-default)}.button.select{--button-bg:var(--background-primary);--button-border-color:var(--border-primary);--button-color:var(--text-secondary);-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;text-decoration:none}.button.select .button-wrap{box-shadow:var(--shadow-01);padding-right:26px;position:relative}.button.select .button-wrap:after{background-color:var(--icon-primary);content:"";display:block;height:16px;-webkit-mask-image:url(/static/media/small-arrow.a22801b3d18b7d1ea795.svg);mask-image:url(/static/media/small-arrow.a22801b3d18b7d1ea795.svg);-webkit-mask-size:cover;mask-size:cover;position:absolute;right:.5rem;top:calc(50% - .5rem);width:16px}.header-search{max-width:100%}.header-search .search-widget{margin:0 auto;max-width:20rem;position:relative;width:100%}@media screen and (min-width:769px){.header-search .search-widget{align-items:center;display:flex;gap:.5rem}}.header-search .search-input-field{-webkit-appearance:none;background-color:var(--background-primary);border:1px solid var(--border-primary);border-radius:100px;caret-color:var(--text-link);color:var(--text-primary);height:var(--form-elem-height);min-width:5rem;padding-left:1rem;padding-right:2rem;width:100%}@-webkit-keyframes blink{0%,to{-webkit-text-decoration-line:none;text-decoration-line:none}50%{-webkit-text-decoration-line:underline;text-decoration-line:underline}}@keyframes blink{0%,to{-webkit-text-decoration-line:none;text-decoration-line:none}50%{-webkit-text-decoration-line:underline;text-decoration-line:underline}}@media screen and (min-width:992px){.header-search .search-input-field:invalid{width:1rem}}.header-search .search-input-field:focus,.header-search .search-input-field:valid{width:inherit}.header-search .search-input-field:invalid::-webkit-input-placeholder{-webkit-animation:blink 2s step-end infinite;animation:blink 2s step-end infinite;caret-color:transparent}.header-search .search-input-field:invalid,.header-search .search-input-field:invalid::placeholder{-webkit-animation:blink 2s step-end infinite;animation:blink 2s step-end infinite;caret-color:transparent}@media(prefers-reduced-motion:reduce){.header-search .search-input-field:invalid::-webkit-input-placeholder{caret-color:auto}.header-search .search-input-field:invalid,.header-search .search-input-field:invalid::placeholder{caret-color:auto}}.header-search .search-input-field:valid::-webkit-input-placeholder{-webkit-animation:none;animation:none}.header-search .search-input-field:valid,.header-search .search-input-field:valid::placeholder{-webkit-animation:none;animation:none}.header-search .search-input-field:not(:focus):valid::-webkit-input-placeholder{-webkit-text-decoration-line:none;text-decoration-line:none}.header-search .search-input-field:not(:focus):valid,.header-search .search-input-field:not(:focus):valid::placeholder{-webkit-text-decoration-line:none;text-decoration-line:none}.header-search .search-input-field:not(:focus),.header-search .search-input-field:not(:focus)::placeholder{-webkit-animation:none;animation:none;-webkit-text-decoration-line:underline;text-decoration-line:underline}.header-search .search-input-field:not(:focus)::-webkit-input-placeholder{-webkit-animation:none;animation:none;-webkit-text-decoration-line:underline;text-decoration-line:underline}.header-search .search-input-field:not(:focus)::placeholder{-webkit-animation:none;animation:none;-webkit-text-decoration-line:underline;text-decoration-line:underline}.header-search .search-input-field:focus{border-color:var(--category-color);box-shadow:0 0 0 3px var(--blend-color),0 0 0 3px var(--category-color);outline:0 none}.header-search .search-input-field::-webkit-input-placeholder{font:var(--type-body-l);opacity:1;-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link);text-decoration-thickness:.15rem;text-underline-offset:.1em}.header-search .search-input-field,.header-search .search-input-field::placeholder{font:var(--type-body-l);opacity:1;-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link);text-decoration-thickness:.15rem;text-underline-offset:.1em}.header-search .server-error{color:var(--icon-critical);margin:0}.header-search .search-results,.homepage-hero-search .search-results{border:1px solid var(--border-secondary);border-radius:var(--elem-radius);box-shadow:var(--shadow-01);left:0;position:absolute;top:42px;width:100%;z-index:var(--z-index-search-results)}.header-search .search-results,.header-search .search-results a[href],.header-search .search-results mark,.homepage-hero-search .search-results,.homepage-hero-search .search-results a[href],.homepage-hero-search .search-results mark{color:var(--text-primary)}.header-search .search-results .indexing-warning,.homepage-hero-search .search-results .indexing-warning{color:var(--icon-warning)}.header-search .search-results .nothing-found,.homepage-hero-search .search-results .nothing-found{font-style:italic}.header-search .search-results .result-item,.homepage-hero-search .search-results .result-item{background:var(--background-secondary);border-bottom:1px solid var(--border-secondary);font-size:var(--type-smaller-font-size);word-break:break-word}.header-search .search-results .result-item:first-child,.homepage-hero-search .search-results .result-item:first-child{border-radius:var(--elem-radius) var(--elem-radius) 0 0}.header-search .search-results .result-item:last-child,.homepage-hero-search .search-results .result-item:last-child{border-radius:0 0 var(--elem-radius) var(--elem-radius)}.header-search .search-results .result-item.nothing-found code,.homepage-hero-search .search-results .result-item.nothing-found code{font-size:.8125rem}.header-search .search-results .result-item a,.homepage-hero-search .search-results .result-item a{display:block;padding:.5rem}.header-search .search-results .result-item.highlight,.header-search .search-results .result-item:hover,.homepage-hero-search .search-results .result-item.highlight,.homepage-hero-search .search-results .result-item:hover{background-color:var(--border-secondary)}.header-search .search-results .result-item.qs-collection b:after,.homepage-hero-search .search-results .result-item.qs-collection b:after{border:1px solid var(--text-primary-red);border-radius:.5rem;content:"collection";font-size:.5rem;line-height:.5rem;margin-bottom:.5rem;margin-left:.5rem;padding:.125rem;vertical-align:super}.header-search .search-results .result-item:focus,.header-search .search-results .result-item:hover,.homepage-hero-search .search-results .result-item:focus,.homepage-hero-search .search-results .result-item:hover{cursor:pointer}.header-search .search-results div:last-child,.homepage-hero-search .search-results div:last-child{border-bottom:0}.header-search .search-results mark,.homepage-hero-search .search-results mark{background-color:var(--mark-color)}.header-search .search-results small,.homepage-hero-search .search-results small{overflow-wrap:break-word}.header-search .search-results a,.homepage-hero-search .search-results a{text-overflow:ellipsis}.header-search .search-results div.searchindex-error,.homepage-hero-search .search-results div.searchindex-error{color:var(--icon-critical)}.search-form{display:flex;position:relative}.button.clear-search-button,.button.search-button{--button-color:var(--icon-secondary);--button-height:1.5rem;--button-padding:0;position:absolute;right:.75rem;top:.25rem;width:1.5rem}.button.clear-search-button:hover,.button.search-button:hover{background:transparent}@media screen and (min-width:769px){.button.clear-search-button,.button.search-button{right:1.2rem;width:1.5rem}}.button.clear-search-button{display:none}.header-search .search-input-field:focus~.button.clear-search-button,.header-search .search-input-field:valid~.button.clear-search-button{display:block;right:2.8rem}.mandala-container{--mandala-primary:#4e4e4e;--mandala-accent-1:var(--html-accent-color);--mandala-accent-2:var(--http-accent-color);--mandala-accent-3:var(--js-accent-color);--mandala-accent-4:#b3b3b3;display:flex;justify-content:center}.mandala-container .mandala-rotate>svg{-webkit-animation:rotation 500s linear infinite;animation:rotation 500s linear infinite}.mandala-container svg{font-size:1.5rem;font-weight:300;-webkit-user-select:none;user-select:none}.mandala-container svg>text{fill:var(--mandala-primary)}.mandala-container .mandala-accent-1{font-size:1.5rem}.mandala-container .mandala-accent-2{font-size:1.3rem}.mandala-container .mandala-accent-3{font-size:1.2rem}.mandala-container .mandala-accent-4{font-size:1.1rem}.mandala-container .mandala-accent-5{font-size:1rem}.mandala-container.animate-colors svg>text>textPath>tspan{-webkit-animation:mandala-color-change 50s infinite;animation:mandala-color-change 50s infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;fill:var(--mandala-primary)}.mandala-container.animate-colors .mandala-accent-1>textPath>tspan{fill:var(--mandala-accent-1);-webkit-animation-delay:-15s;animation-delay:-15s}.mandala-container.animate-colors .mandala-accent-2>textPath>tspan{fill:var(--mandala-accent-2);-webkit-animation-delay:-20s;animation-delay:-20s}.mandala-container.animate-colors .mandala-accent-3>textPath>tspan{fill:var(--mandala-accent-3);-webkit-animation-delay:-30s;animation-delay:-30s}.mandala-container.animate-colors .mandala-accent-5>textPath>tspan{fill:var(--mandala-accent-4);-webkit-animation-delay:-40s;animation-delay:-40s}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes mandala-color-change{0%{fill:var(--mandala-primary)}10%{fill:var(--mandala-primary)}15%{fill:var(--mandala-accent-1)}20%{fill:var(--mandala-primary)}25%{fill:var(--mandala-primary)}30%{fill:var(--mandala-accent-2)}35%{fill:var(--mandala-primary)}40%{fill:var(--mandala-primary)}50%{fill:var(--mandala-accent-3)}55%{fill:var(--mandala-primary)}60%{fill:var(--mandala-primary)}65%{fill:var(--mandala-accent-4)}70%{fill:var(--mandala-primary)}to{fill:var(--mandala-primary)}}@keyframes mandala-color-change{0%{fill:var(--mandala-primary)}10%{fill:var(--mandala-primary)}15%{fill:var(--mandala-accent-1)}20%{fill:var(--mandala-primary)}25%{fill:var(--mandala-primary)}30%{fill:var(--mandala-accent-2)}35%{fill:var(--mandala-primary)}40%{fill:var(--mandala-primary)}50%{fill:var(--mandala-accent-3)}55%{fill:var(--mandala-primary)}60%{fill:var(--mandala-primary)}65%{fill:var(--mandala-accent-4)}70%{fill:var(--mandala-primary)}to{fill:var(--mandala-primary)}}.featured-articles{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;padding:0 1rem}.featured-articles h2{font:var(--type-heading-h4);margin-top:0}.featured-articles .tile-container{grid-gap:1rem;display:grid;gap:1rem;grid-auto-flow:row;max-width:52rem}@media screen and (min-width:769px){.featured-articles .tile-container{grid-template-columns:repeat(2,1fr)}}.featured-articles .article-tile{border:1px solid var(--border-primary);border-radius:.5rem;display:flex;flex-direction:column;padding:1rem}.featured-articles .article-tile:hover{box-shadow:var(--shadow-02)}.featured-articles .article-tile .tile-tag{color:var(--text-primary);font-weight:500}.featured-articles .article-tile .tile-tag:hover{text-decoration:underline}.featured-articles .article-tile .tile-title{align-items:flex-end;display:flex;flex-grow:1;font:var(--type-heading-h5);font-weight:500;line-height:var(--intermediate-line-height);margin:0 0 1rem}.featured-articles .article-tile .tile-title a{color:var(--text-primary)}.featured-articles .article-tile .tile-title a:focus,.featured-articles .article-tile .tile-title a:hover{text-decoration:underline}.featured-articles .article-tile p{font:var(--type-smaller-font-size);line-height:var(--base-line-height);margin:0;max-height:calc(3em*var(--base-line-height));overflow:hidden;position:relative}.featured-articles .article-tile p:after{background:linear-gradient(to right,transparent,var(--background-primary) 75%);content:"";display:block;height:calc(1em*var(--base-line-height));pointer-events:none;position:absolute;right:0;top:calc(2em*var(--base-line-height));width:20ch}.featured-articles .article-tile p:dir(rtl):after{background:linear-gradient(to left,transparent,var(--background-primary) 75%);left:0;right:auto}@media screen and (min-width:769px){.featured-articles .article-tile p{min-height:calc(3em*var(--base-line-height))}}.latest-news{display:flex;flex-direction:column;gap:1rem;max-width:52rem;padding:0 1rem;width:100%}@media screen and (min-width:1200px){.latest-news{padding:0}}.latest-news h2{font:var(--type-heading-h4);margin-top:1rem}.latest-news h5{margin:0}.latest-news .news-item{display:flex;flex-direction:column;justify-content:space-between;padding:.7rem}@media screen and (min-width:769px){.latest-news .news-item{flex-direction:revert}}.latest-news .news-item:nth-child(odd){background:var(--background-secondary);border-radius:var(--elem-radius)}.latest-news .news-item .news-date{align-items:center;display:flex;font-size:12px;line-height:175%}.latest-news .news-title{display:flex;flex-direction:column;gap:.125rem;line-height:var(--base-line-height);margin:0}.latest-news .news-title a{color:var(--text-primary)}.latest-news .news-title a:hover{color:var(--text-primary);text-decoration:underline}.latest-news .news-title .news-source{color:var(--text-secondary);font-size:var(--type-tiny-font-size)}.recent-contributions{display:flex;flex-direction:column;gap:1rem;max-width:52rem;padding:0 1rem;width:100%}@media screen and (min-width:1200px){.recent-contributions{padding:0}}.recent-contributions h2{font:var(--type-heading-h4);margin-top:1rem}.recent-contributions h5{margin:0}.recent-contributions .request-item{display:flex;flex-direction:column;justify-content:space-between;padding:.7rem}@media screen and (min-width:769px){.recent-contributions .request-item{flex-direction:revert}}.recent-contributions .request-item:nth-child(odd){background:var(--background-secondary);border-radius:var(--elem-radius)}.recent-contributions .request-item .request-date{align-items:center;display:flex;font-size:12px;line-height:175%}.recent-contributions .request-title{display:flex;flex-direction:column;gap:.125rem;line-height:var(--base-line-height);margin:0}.recent-contributions .request-title a{color:var(--text-primary)}.recent-contributions .request-title a:hover{color:var(--text-primary);text-decoration:underline}.recent-contributions .request-title .request-repo{color:var(--text-secondary);font-size:var(--type-tiny-font-size)}.contributor-spotlight{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;padding:2rem 1rem;position:relative;width:100%}.contributor-spotlight blockquote{border:0;display:flex;font-style:italic;margin:0;padding:0}.contributor-spotlight blockquote .icon{margin-right:.5rem;margin-top:.25rem}.contributor-spotlight h4{font-family:var(--font-body);font-size:var(--type-smaller-font-size)}.contributor-spotlight .text-col{align-items:center;border-radius:.3rem;display:flex;flex-direction:column;gap:1rem;max-width:52rem;width:100%}.contributor-spotlight .text-col h3{font-size:var(--type-heading-h5-font-size)}.contributor-spotlight .spotlight-cta{--button-bg:var(--text-link);--button-border-color:#1b1b1b;--button-color:var(--mdn-color-black);--button-radius:10rem;--button-padding:1rem;--button-primary-hover:#696969;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contributor-spotlight .wrapper{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:52rem;padding:2rem 1rem;width:100%}.contributor-spotlight .contributor-graphic{align-items:center;display:flex;justify-content:center;width:50%;word-break:break-word}.contributor-spotlight .contributor-graphic img{height:-webkit-max-content;height:max-content;max-width:90%}.contributor-spotlight .contributor-name{background-color:var(--mdn-color-white);color:var(--mdn-color-black);font-size:1.5rem;font-weight:650;line-height:1.4;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contributor-spotlight .contributor-name:after,.contributor-spotlight .contributor-name:before{content:" "}.contributor-spotlight .contributor-name:link,.contributor-spotlight .contributor-name:visited{color:var(--mdn-color-black);text-decoration:none}.contributor-spotlight .contributor-name:focus,.contributor-spotlight .contributor-name:hover{text-decoration:underline}@media screen and (min-width:769px){.contributor-spotlight .wrapper{align-items:normal;flex-direction:row}.contributor-spotlight .text-col{align-items:normal;text-align:left}}.contributor-spotlight .mandala-container{--mandala-primary:var(--border-primary);background:rgba(1,1,1,.9);height:100%;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.contributor-spotlight .mandala-container .mandala-translate{-webkit-transform:translate(-5rem);transform:translate(-5rem)}@-webkit-keyframes slow-pulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes slow-pulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}.generic-loading{align-items:center;-webkit-animation:slow-pulse 2s infinite normal;animation:slow-pulse 2s infinite normal;-webkit-animation-delay:1s;animation-delay:1s;display:flex;justify-content:center;width:100%}.bc-table{border:1px solid var(--border-primary);border-collapse:separate;border-radius:var(--elem-radius);border-spacing:0;margin:1rem 0;width:100%}.bc-table td,.bc-table th{border-width:1px;border-bottom:1px solid var(--border-secondary);border-left:1px solid var(--border-secondary);border-right:0 solid var(--border-secondary);border-top:0 solid var(--border-secondary);font-weight:500;padding:0}@media screen and (min-width:769px){.bc-table td,.bc-table th{padding:.4rem}.bc-table td,.bc-table td code,.bc-table th,.bc-table th code{font-size:var(--type-smaller-font-size)}}.bc-table th{padding:.4rem}.bc-table tbody tr{height:3rem}@media screen and (min-width:769px){.bc-table tbody tr:last-child td,.bc-table tbody tr:last-child th{border-bottom-width:0}}.bc-table tbody tr th{border-left-width:0;vertical-align:middle}.bc-table tbody .bc-support{vertical-align:top}.bc-table tbody .bc-support button{cursor:pointer;width:100%}.bc-table tbody .bc-support.bc-supports-no>button>span{color:var(--text-primary-red)}.bc-table tbody .bc-support.bc-supports-partial>button>span{color:var(--text-primary-yellow)}.bc-table tbody .bc-support.bc-supports-preview>button>span{color:var(--text-primary-blue)}.bc-table tbody .bc-support.bc-supports-yes>button>span{color:var(--text-primary-green)}.bc-table tbody .bc-history td{border-left-width:0}.bc-table tbody .bc-history .icon.icon-removed-partial{-webkit-mask-image:url(/static/media/partial.2d8806d709221f07c72c.svg);mask-image:url(/static/media/partial.2d8806d709221f07c72c.svg)}.bc-table th{background:var(--background-tertiary);vertical-align:bottom}.bc-table .bc-supports{margin-bottom:1rem}.bc-table .bc-supports .icon-wrap{background:var(--background-primary)}.bc-table .bc-supports.bc-supports-removed-partial .bcd-cell-text-copy{color:var(--text-primary-yellow)}.bc-table .icon-wrap .bc-support-level{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px}.bc-table .bc-support>button>.icon-wrap{display:block}.bc-table .bc-support .icon.icon-removed-partial{background-color:var(--icon-critical);-webkit-mask-image:url(/static/media/no.d2e0aa3e7440f80dccd6.svg);mask-image:url(/static/media/no.d2e0aa3e7440f80dccd6.svg)}.bc-table .bc-support.bc-supports-removed-partial .bcd-cell-text-copy{color:var(--text-primary-red)}.bc-table .bc-feature-depth-2{border-left-width:8px}.bc-head-txt-label{left:calc(50% - .5rem);line-height:1;padding-top:.5rem;position:relative;-webkit-transform:rotate(180deg);transform:rotate(180deg);white-space:nowrap;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.bc-head-icon-symbol{margin-bottom:.3rem}.bc-support{text-align:center;vertical-align:middle}.bc-level-no{background-color:var(--icon-critical)}.bc-level-preview{background-color:var(--icon-information)}.bc-legend-items-container{display:flex;flex-wrap:wrap;font-size:var(--type-smaller-font-size);gap:1.5rem;margin-bottom:2rem}.bc-legend-tip{font-size:var(--type-smaller-font-size);font-style:italic;margin-bottom:1rem;margin-top:0}.bc-legend-item{align-items:center;display:flex;gap:.5rem}.bc-legend-item-dt{display:flex}.bc-legend-item-dt .icon{background-color:var(--icon-primary)}.bc-platforms{height:2rem}.bc-platforms th{text-align:center}.bc-platforms td{border:none}.bc-browsers th{text-align:center}.bc-browsers td{border-width:0 0 1px}.bc-notes-list{margin:.5rem 0;position:relative;text-align:left;width:100%}.bc-notes-list:before{background:var(--border-primary);content:"";height:calc(100% - .25rem);left:7px;margin-top:.25rem;position:absolute;width:2px;z-index:-1}.bc-notes-list .bc-notes-wrapper:last-child dd:last-child{position:relative}.bc-notes-list .bc-notes-wrapper:last-child dd:last-child:before{background:var(--background-primary);bottom:0;content:"";height:calc(100% - 6px);left:7px;position:absolute;width:2px;z-index:-1}.bc-notes-list .bc-level-yes.icon.icon-yes{background-color:var(--icon-success);-webkit-mask-image:url(/static/media/yes-circle.1c4f7a083d20df35ca93.svg);mask-image:url(/static/media/yes-circle.1c4f7a083d20df35ca93.svg)}.bc-notes-list .bc-supports-dd .icon{background:var(--border-primary);border:3px solid var(--background-primary);border-radius:50%;-webkit-mask-image:none;mask-image:none}.bc-notes-list .bc-version-label{display:inline}.bc-notes-list abbr{margin-right:4px}.bc-notes-list dd{margin-bottom:1rem;padding-left:1.5rem;text-indent:-1.5rem}.bc-notes-list dd:last-child{margin-bottom:2rem}.bc-notes-wrapper{color:var(--text-primary);margin-bottom:1rem}.bc-notes-wrapper:last-child{margin-bottom:0}dl.bc-notes-list dt.bc-supports{margin-top:1rem}dl.bc-notes-list dt.bc-supports:first-child{margin-top:0}dl.bc-notes-list dd.bc-supports-dd{margin-bottom:1rem}dl.bc-notes-list dd.bc-supports-dd:last-child{margin-bottom:0}.offscreen,.only-icon span{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px}.bc-table-row-header{align-items:baseline;display:inline-flex;width:100%}.bc-table-row-header code{overflow:hidden}.bc-table-row-header .left-side,.bc-table-row-header .right-side{overflow:hidden;white-space:pre}.bc-table-row-header .left-side{flex:0 1 auto;text-overflow:ellipsis}.bc-table-row-header .right-side{flex:1 0 auto}.bc-table-row-header .bc-icons{display:flex;gap:.5rem;margin-top:.25rem}.bc-table-row-header .bc-icons .icon{background-color:var(--icon-secondary)}.bc-table-row-header .bc-icons .icon:hover{background-color:var(--icon-primary)}.bc-github-link{font:var(--type-smaller-font-size)}.main-page-content .bc-legend dd,.main-page-content .bc-legend dt{margin-bottom:0;margin-left:0;margin-top:0}.main-page-content .bc-supports-dd{margin:0}@media screen and (max-width:425px){thead{display:none}td.bc-support{border-left-width:0;display:block}.bc-feature,.bc-history>td,.bc-support>button{align-content:center;display:flex;flex-wrap:wrap;gap:.5rem}.bc-history-desktop{display:none}.table-scroll{overflow-x:auto}}@media screen and (min-width:426px){.bc-table thead{display:table-header-group}.bc-table thead .bc-platforms th{vertical-align:revert}.bc-table td,.bc-table th{background:inherit;padding:.25rem;width:2rem}.bc-table td.bc-support{padding:0}.bc-table td.bc-support>button{padding:.25rem}.bc-table tr.bc-history-desktop{display:table-row}.table-scroll{margin:0 -3rem;overflow:auto;width:100vw}.table-scroll-inner{min-width:-webkit-max-content;min-width:max-content;padding:0 3rem;position:relative}.table-scroll-inner:after{bottom:0;content:"";height:10px;position:absolute;right:0;width:10px}.bc-browser-name,.bc-support-level{display:none}.bc-notes-list{margin-left:20%;width:auto}.bc-support .bc-support-level{display:none}.bc-support[aria-expanded=true]{position:relative}.bc-support[aria-expanded=true]:after{background:var(--text-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.bc-support[aria-expanded=true] .bc-history-mobile{display:none}.bc-has-history{cursor:pointer}.bc-has-history:hover{background:var(--background-secondary)}}@media screen and (min-width:769px){.table-scroll{width:calc(100% + 6rem)}.bc-table tbody th{width:20%}}@media screen and (min-width:1200px){.table-scroll{margin:0;width:100%}.table-scroll-inner{padding:0}}.bcd-cell-text-wrapper{display:flex;gap:.5rem}@media screen and (min-width:769px){.bcd-cell-text-wrapper{align-items:center;flex-direction:column}}.bcd-cell-text-copy{color:var(--text-primary);display:flex;gap:.5rem}.bc-supports-yes .bcd-cell-text-copy{color:var(--text-primary-green)}.bc-supports-no .bcd-cell-text-copy{color:var(--text-primary-red)}.bc-supports-partial .bcd-cell-text-copy{color:var(--text-primary-yellow)}.bcd-cell-icons{display:flex;gap:.5rem}@media screen and (min-width:769px){.bcd-cell-icons{display:block}}.bc-notes-wrapper .bcd-cell-text-wrapper{flex-direction:row}@media screen and (min-width:769px){.bc-table td{height:2rem}.bc-table td.bc-support>button{padding:.5rem .25rem}}.container{margin-left:auto;margin-right:auto;max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter);width:100%}.logo{align-items:center;display:flex}.logo svg{height:1.5rem;margin-top:.3rem}.dark .logo-text,.high-contrast-black .logo-text{fill:#fff}.auth-container .signin-link{align-items:center;display:inline-flex;font-weight:var(--font-body-strong-weight);height:2rem;text-align:center}.auth-container .signin-link:link,.auth-container .signin-link:visited{color:var(--text-secondary)}.mdn-plus-subscribe-link{--button-padding:1rem;margin:0 auto;max-width:150px;text-align:center;white-space:nowrap}.auth-container{display:flex;flex-flow:column-reverse;font-family:var(--font-body);font-size:var(--type-smaller-font-size);font-weight:var(--font-body-strong-weight);gap:.5rem;list-style:none;margin-bottom:.5rem;padding:0;text-align:center}@media screen and (min-width:992px){.auth-container{align-items:center;flex-flow:row;gap:1rem;justify-content:flex-end;margin:0;text-align:left;text-align:initial;width:-webkit-min-content;width:min-content}}@media screen and (min-width:820px){.auth-container{width:auto}}.submenu{background-color:var(--background-primary);list-style:none;margin:0;padding:0}.submenu li{width:100%}.submenu .submenu-item,.submenu a{align-items:center;border:1px solid transparent;color:var(--text-primary);display:flex;height:100%;padding:.5rem;width:100%}li:last-child .submenu .submenu-item:not(:focus),li:last-child .submenu a:not(:focus){border-bottom-color:transparent}.submenu .submenu-item:hover,.submenu a:hover{background-color:var(--border-secondary);text-decoration:none}.main-menu .submenu .submenu-item:hover,.main-menu .submenu a:hover{background-color:var(--background-secondary)}.submenu .submenu-item:focus,.submenu a:focus{border:1px solid var(--button-secondary-border-focus);box-shadow:var(--button-focus-effect)}.submenu .submenu-item .icon,.submenu a .icon{margin-right:.5rem}@media screen and (min-width:992px){.submenu.inline-submenu-lg{background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--elem-radius);box-shadow:var(--shadow-02);max-width:25rem;padding:.5rem;position:absolute;top:calc(100% + 4px);width:-webkit-max-content;width:max-content;z-index:var(--z-index-mid)}.main-menu .submenu.inline-submenu-lg{background-color:var(--background-primary)}.submenu.inline-submenu-lg .submenu-item{border-radius:var(--elem-radius);padding:.75rem}.submenu.inline-submenu-lg:before{content:"";display:block;height:8px;left:0;position:absolute;top:-8px;width:100%}}@media screen and (min-width:769px){.submenu:not(.inline-submenu-lg){background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--elem-radius);box-shadow:var(--shadow-02);max-width:25rem;padding:.5rem;position:absolute;top:calc(100% + 4px);width:-webkit-max-content;width:max-content;z-index:var(--z-index-mid)}.main-menu .submenu:not(.inline-submenu-lg){background-color:var(--background-primary)}.submenu:not(.inline-submenu-lg) .submenu-item{border-radius:var(--elem-radius);padding:.75rem}.submenu:not(.inline-submenu-lg):before{content:"";display:block;height:8px;left:0;position:absolute;top:-8px;width:100%}}.submenu-header{display:block;padding:1rem}.submenu-header .submenu-item{padding:0}.submenu-header .submenu-item:hover{background:none}@media screen and (min-width:769px){.submenu-header{border-bottom:1px solid var(--border-primary)}}.submenu-icon{background-color:var(--icon-primary);height:2rem;margin-right:.75rem;position:relative;width:.2rem}.submenu-item,.submenu-item-heading{font-size:var(--type-smaller-font-size)}@media screen and (min-width:769px){.submenu-item-heading:not(:only-child),.submenu-item:not(:only-child){font-weight:var(--font-body-strong-weight)}}.submenu-item-description{display:none}@media screen and (min-width:769px){.submenu-item-description{display:block;font-size:var(--type-tiny-font-size);margin:.25rem 0 0}}.submenu-item-subtext{font-weight:var(--font-body-strong-weight)}.submenu-item-dot~.submenu-content-container>.submenu-item-heading:after{background:var(--text-primary-blue);border:1px solid var(--background-primary);border-radius:2rem;content:"";display:inline-block;height:.5rem;margin-left:.5rem;width:.5rem}.active-menu-item{background-color:var(--background-primary);border-color:var(--border-secondary)}.guides .submenu .submenu-item-heading{font-size:var(--type-smaller-font-size);font-weight:400}.guides .desktop-only{display:none}@media screen and (min-width:992px){.guides .desktop-only{display:inherit}.guides .mobile-only{display:none}}.references .desktop-only{display:none}@media screen and (min-width:992px){.references .desktop-only{display:inherit}.references .mobile-only{display:none}}.html-link-container a:focus .submenu-icon.html,.html-link-container a:hover .submenu-icon.html{background:var(--html-accent-color)!important}.css-link-container a:focus .submenu-icon.css,.css-link-container a:hover .submenu-icon.css{background-color:var(--css-accent-color)!important}.javascript-link-container a:focus .submenu-icon.javascript,.javascript-link-container a:hover .submenu-icon.javascript{background-color:var(--js-accent-color)!important}.http-link-container a:focus .submenu-icon.http,.http-link-container a:hover .submenu-icon.http{background-color:var(--http-accent-color)!important}.apis-link-container a:focus .submenu-icon.apis,.apis-link-container a:hover .submenu-icon.apis{background-color:var(--apis-accent-color)!important}.learn-link-container a:focus .submenu-icon.learn,.learn-link-container a:hover .submenu-icon.learn{background-color:var(--learn-accent-color)!important}.submenu-icon.html{background-color:var(--html-accent-engage)}.submenu-icon.css{background-color:var(--css-accent-engage)}.submenu-icon.javascript{background-color:var(--js-accent-engage)}.submenu-icon.http{background-color:var(--http-accent-engage)}.submenu-icon.apis{background-color:var(--apis-accent-engage)}.submenu-icon.learn{background-color:var(--learn-accent-engage)}.mdn-plus .submenu-icon{background-color:var(--plus-accent-color)}.mdn-plus .note{background-color:var(--background-information)}.mdn-plus .note .submenu-item-description{display:block;margin:.125rem}@media screen and (min-width:992px){.mdn-plus .mobile-only{display:none}}ul.main-menu{grid-gap:1rem;box-sizing:border-box;list-style:none;margin-top:1rem;padding:0;width:100%}ul.main-menu.show{display:block}@media screen and (min-width:992px){ul.main-menu.show{display:flex}ul.main-menu{align-items:center;display:flex;justify-content:space-around;margin:0 auto 0 0;max-width:310px}}@media screen and (min-width:992px){ul.main-menu li:last-child{flex-basis:inherit}ul.main-menu .menu-toggle,ul.main-menu .submenu,ul.main-menu .submenu.show{display:none}}@media screen and (min-width:992px){ul.main-menu .top-level-entry-container:focus-within .submenu,ul.main-menu .top-level-entry-container:hover .submenu{display:block}.open-on-focus-within:focus-within .watch-submenu{display:flex}.open-on-focus-within:focus-within .submenu{display:block}.open-on-focus-within .submenu,.open-on-focus-within .watch-submenu{display:none}}.avatar,.avatar-wrap{border-radius:50%}.avatar-wrap{height:32px;margin-left:-7px;margin-right:.1rem;position:relative;width:32px}@media screen and (min-width:769px){.avatar{margin:initial}}.signout-form{padding:.5rem}@media screen and (min-width:769px){.signout-form{border-top:1px solid var(--border-primary)}}button.signout-button{width:100%}button.signout-button:focus,button.signout-button:hover{background-color:var(--background-secondary)}.user-menu{position:relative}.user-menu .submenu-header{display:none}.user-menu .button.user-menu-toggle .notification-dot~.avatar-wrap:after{background:var(--text-primary-blue);border:1px solid var(--background-primary);border-radius:2rem;bottom:0;content:"";height:.5rem;position:absolute;right:0;width:.5rem}@media screen and (max-width:992px){.user-menu .user-menu-toggle:hover{--button-bg:transparent}}@media screen and (min-width:992px){.user-menu .button.user-menu-toggle:focus,.user-menu .button.user-menu-toggle:focus .button-wrap,.user-menu .button.user-menu-toggle:hover,.user-menu .button.user-menu-toggle:hover .button-wrap{background:transparent;border-color:transparent;box-shadow:none}.user-menu .button.user-menu-toggle:focus .avatar{border:1px solid var(--button-secondary-border-focus);box-shadow:var(--focus-effect)}.user-menu .button.user-menu-toggle:after{display:none}.user-menu .submenu-header{display:block;margin-bottom:.5rem;padding:0 0 .5rem}.user-menu .submenu-item{padding:.5rem}.user-menu .signout-container{margin-top:.5rem}.user-menu .user-menu-id{display:none}.user-menu .submenu{left:auto;max-width:-webkit-max-content;max-width:max-content;right:0}}.dropdown{position:relative}.dropdown-list{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--elem-radius);box-shadow:var(--shadow-01);left:0;padding:.5rem;position:absolute;top:calc(100% + 2px);z-index:var(--z-index-low)}.dropdown.is-flush-right .dropdown-list{left:auto;right:0}.dropdown-item .button.action{width:100%}.dropdown-item .button.action .button-wrap{--button-font:var(--type-smaller-font-size);--button-bg:transparent;justify-content:flex-start;text-align:left;text-transform:none}.dropdown-item .button.action .button-wrap:hover{--button-bg:var(--button-secondary-hover)}.dropdown-item .button.action.active-menu-item{--button-bg:var(--background-primary);--button-border-color:var(--border-secondary)}.top-navigation-main{display:none;justify-content:space-between;padding:0;width:100%}.show-nav .top-navigation-main{display:flex;flex-direction:column}.top-navigation-main .auth-container{order:0}.top-navigation-main .header-search{order:1}.top-navigation-main .main-nav{order:2}.top-navigation-main .notifications-menu{order:3}.top-navigation-main .user-menu{order:4}.top-navigation-main .top-level-entry-container{position:relative}.top-navigation-main .top-level-entry-container .submenu{z-index:var(--z-index-nav-menu)}.top-navigation-main .theme-toggle{align-self:end;margin-bottom:1.5rem}@media screen and (min-width:992px){.top-navigation-main .theme-toggle{align-self:auto;margin-bottom:0}}.top-navigation-main .button.action:hover{--button-bg:var(--border-secondary)}.is-transparent .top-navigation-main .button.action:not(:focus):hover{--button-border-color:transparent}.is-transparent .top-navigation-main .button.action:hover{--button-bg:var(--accent-primary-engage)}.top-navigation-main .button.action.search-button:hover{--button-bg:transparent}.top-navigation-main .top-level-entry{background:none;border-top:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;display:block;padding:1rem .5rem;text-align:left;width:100%}.top-navigation-main .top-level-entry:link,.top-navigation-main .top-level-entry:visited{color:var(--text-secondary)}.top-navigation-main .top-level-entry.menu-toggle{min-height:53px;padding:.5rem}@media screen and (max-width:992px){.top-navigation-main .top-level-entry.button{--button-color:var(--text-secondary);--button-padding:0;--button-radius:0}.top-navigation-main .top-level-entry.button .button-wrap{background:none;border:none;gap:.5rem;justify-content:flex-start;padding:0;text-transform:none}.top-navigation-main .top-level-entry.button:focus{--button-focus-effect:none}}@media screen and (min-width:992px){.top-navigation-main .top-level-entry{border-radius:var(--elem-radius);border-top:none;padding:.5rem}.top-navigation-main .top-level-entry:focus,.top-navigation-main .top-level-entry:hover{background-color:var(--category-color-background);color:var(--category-color);text-decoration:none}.top-navigation-main .top-level-entry.button{padding:0}}.top-navigation-main .menu-toggle{align-items:center;display:flex;justify-content:space-between;position:relative}.top-navigation-main .menu-toggle:after{background-color:var(--icon-primary);content:"";height:var(--icon-size);margin-left:.2em;margin-top:.2em;-webkit-mask-image:url(/static/media/chevron.05a124d379047e16d746.svg);mask-image:url(/static/media/chevron.05a124d379047e16d746.svg);width:var(--icon-size)}.top-navigation-main .menu-toggle[aria-expanded=true]:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.top-navigation-main .menu-toggle+.top-level-entry{display:none}@media screen and (min-width:992px){.top-navigation-main{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:.5rem;left:inherit;padding:0;position:static;top:inherit;z-index:inherit}.show-nav .top-navigation-main{flex-direction:row}.top-navigation-main .main-nav{order:0}.top-navigation-main .header-search{order:1}.top-navigation-main .notifications-menu{order:2}.top-navigation-main .auth-container{order:3}.top-navigation-main .user-menu{order:4}.top-navigation-main .main-nav{margin-right:auto;width:-webkit-max-content;width:max-content}.top-navigation-main .menu-toggle+.top-level-entry{display:inline-flex}}.theme-switcher-menu{margin-bottom:.5rem}.theme-switcher-menu .button.action>.button-wrap{text-transform:none}.theme-switcher-menu .themes-menu .button.button{--button-bg:transparent;--button-border-color:var(--button-bg);--button-color:var(--text-primary);border-bottom-width:0;font-size:var(--type-smaller-font-size);width:100%}.theme-switcher-menu .themes-menu .button.button .button-wrap{border-width:1px;font-weight:400;justify-content:flex-start;padding:1rem}.theme-switcher-menu .themes-menu .button.button:focus{--button-border-color:var(--button-secondary-border-focus)}.theme-switcher-menu .themes-menu .button.button:hover{--button-bg:var(--border-secondary)}.theme-switcher-menu .active-menu-item .button-wrap,.theme-switcher-menu .active-menu-item:hover .button-wrap{--button-bg:var(--background-primary);--button-border-color:var(--border-secondary)}.theme-switcher-menu .active-menu-item:focus .button-wrap{--button-border-color:var(--button-secondary-border-focus)}@media screen and (min-width:769px){.theme-switcher-menu{border-bottom:0;margin-bottom:0}.theme-switcher-menu .themes-menu{top:calc(100% - 1rem)}.theme-switcher-menu .themes-menu.show{display:flex;flex-direction:column;gap:.5rem;max-width:-webkit-max-content;max-width:max-content;min-width:130px}.theme-switcher-menu .themes-menu .submenu-item{padding:.5rem 1rem}}.languages-switcher-menu>.button .button-wrap:after,.theme-switcher-menu>.button .button-wrap:after{background-color:var(--icon-secondary);content:"";display:block;height:16px;margin-left:auto;-webkit-mask-image:url(/static/media/chevron.05a124d379047e16d746.svg);mask-image:url(/static/media/chevron.05a124d379047e16d746.svg);-webkit-mask-size:16px;mask-size:16px;width:16px}.languages-switcher-menu>.button[aria-expanded=true] .button-wrap:after,.theme-switcher-menu>.button[aria-expanded=true] .button-wrap:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media screen and (min-width:992px){.languages-switcher-menu>.button .button-wrap:after,.theme-switcher-menu>.button .button-wrap:after{content:normal}}.maintenance{color:var(--text-primary);cursor:help;flex-flow:column}.maintenance .maintenance-info-container{cursor:default;display:block;margin:0 1rem;top:2rem}@media screen and (min-width:992px){.maintenance .maintenance-info-container{padding-top:1rem;position:absolute}}.maintenance .maintenance-info-container .maintenance-info{background-color:var(--background-primary);border:1px solid var(--border-primary);border-radius:var(--elem-radius);font-weight:400;padding:1rem}@media screen and (min-width:992px){.maintenance:not(:focus-within):not(:hover) .maintenance-info-container{clip:rect(1px,1px,1px,1px)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}}.top-navigation{background-color:var(--background-primary);border-bottom:1px solid var(--border-primary);position:relative;width:100%;z-index:100}.top-navigation .container{align-items:center;background-color:var(--background-primary);display:flex;flex-flow:row wrap;gap:var(--gutter)}@media screen and (min-width:769px){.top-navigation .container{background-color:transparent}}.top-navigation.is-transparent{background-color:transparent}.top-navigation .top-navigation-wrap{align-items:center;display:flex;flex:1 1;height:var(--top-nav-height);justify-content:space-between}.top-navigation.show-nav{box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:var(--z-index-top)}.top-navigation.show-nav .container{height:auto}@media screen and (min-width:992px){.main-menu-toggle{display:none}.top-navigation .top-navigation-wrap{flex:0 1}}.breadcrumbs-container{align-items:center;display:flex;margin-right:auto}.breadcrumbs-container ol{line-height:1.2}.breadcrumbs-container li{display:none;-webkit-hyphens:auto;hyphens:auto}.breadcrumbs-container li:first-child,.breadcrumbs-container li:last-child{display:inline-flex}.breadcrumbs-container li .breadcrumb:after{background-color:var(--icon-secondary);content:"";display:block;flex-shrink:0;height:12px;margin-right:.5rem;-webkit-mask-image:url(/static/media/chevron.05a124d379047e16d746.svg);mask-image:url(/static/media/chevron.05a124d379047e16d746.svg);-webkit-mask-size:12px;mask-size:12px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:12px}.breadcrumbs-container li a{align-items:center;display:flex}.breadcrumbs-container li a:link,.breadcrumbs-container li a:visited{color:var(--text-secondary)}.breadcrumbs-container li a:hover{text-decoration:underline}.breadcrumbs-container li a:focus-visible{outline:0}.breadcrumbs-container li a:focus-visible [property=name]{outline-color:var(--accent-primary);outline-offset:1px;outline-style:auto}.breadcrumbs-container li [property=name]{display:inline-block;margin-right:.5rem}@media screen and (min-width:1200px){.breadcrumbs-container li{display:inline-flex}}.watch-menu-item{background-color:transparent;border-bottom:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;padding:0}.watch-menu-item:first-of-type{border-top-width:0}.watch-menu-item-inner{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-areas:"status label""status text";grid-template-columns:16px 1fr;padding:.8125rem var(--gutter-padding);text-align:left}.watch-menu-item:focus .watch-menu-item-inner{box-shadow:var(--focus-effect);outline:1px solid var(--button-secondary-border-focus)}.watch-menu-item:hover .watch-menu-item-inner{background-color:var(--border-secondary)}.watch-menu-item-status{grid-area:status}.watch-menu-item-label{font-family:var(--font-body);font-size:var(--type-smaller-font-size);font-weight:var(--font-body-strong-weight);grid-area:label}.watch-menu-item-text{font-size:var(--type-smaller-font-size);grid-area:text}.toast{--toast-bg:var(--text-primary);--toast-color:var(--background-primary);background:var(--toast-bg);border-radius:var(--elem-radius);bottom:1rem;box-shadow:var(--shadow-02);display:flex;gap:.5rem;left:50%;max-width:680px;padding:1rem 1rem 1rem 2rem;position:fixed;-webkit-transform:translate(-50%);transform:translate(-50%);width:90vw}.toast-content{color:var(--toast-color);margin-right:auto}.toast .button.action{--button-color:var(--toast-color);white-space:nowrap}.toast .button.action:hover{--button-bg:rgba(58,57,68,.3);--button-border-color:transparent}.toast.is-important{--toast-bg:var(--accent-secondary);--toast-color:#fff}.toast-verbose-text{display:none}@media screen and (min-width:769px){.toast-verbose-text{display:inline}.toast-short-text{display:none}}.languages-switcher-menu.open-on-focus-within .submenu{display:block}.language-menu .submenu-item{padding:.5rem}@media(min-width:769px){.language-menu{right:0}}.article-actions{margin-left:auto}.article-actions .article-actions-dialog-heading{display:none}.article-actions .button.action .button-wrap{text-transform:none}@media screen and (min-width:769px){.article-actions{display:block}}.article-actions .article-actions-submenu{--gutter-padding:1rem;display:none;overflow:scroll}.article-actions .article-actions-submenu.show{background:var(--background-primary);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:var(--top-navigation-height);z-index:var(--z-index-mid)}.article-actions .article-actions-submenu .header{border-bottom:1px solid var(--border-primary);color:var(--text-primary);display:block;font-family:var(--font-body);font-size:var(--type-smaller-font-size);font-weight:var(--font-body-strong-weight);margin:0;padding:1rem;text-align:left;width:100%}.article-actions .article-actions-submenu .header .header-inner{align-items:center;display:flex;gap:.5rem;position:relative}.article-actions .article-actions-submenu .header .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.article-actions .article-actions-submenu .header.desktop-only{display:none}.article-actions .article-actions-submenu .mdn-form-item,.article-actions .article-actions-submenu p{margin:0;padding:1rem 1rem 0}.article-actions .article-actions-submenu .mdn-form-item:last-child,.article-actions .article-actions-submenu p:last-child{padding-bottom:1rem}@media screen and (min-width:769px){.article-actions .article-actions-submenu.show{background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--elem-radius);bottom:auto;box-shadow:var(--shadow-02);left:auto;padding:0;position:absolute;right:0;top:calc(100% + 6px);width:316px;z-index:var(--z-index-mid)}.article-actions .article-actions-submenu .header{display:block;padding:1rem var(--gutter-padding);text-align:center}.article-actions .article-actions-submenu .header-inner{justify-content:center}.article-actions .article-actions-submenu .header.desktop-only{display:block}.article-actions .article-actions-submenu .header.mobile-only{display:none}.article-actions .article-actions-submenu .header .icon{left:0;position:absolute}}.article-actions-entries{display:none;list-style:none;margin:0;padding:0}@media screen and (min-width:769px){.article-actions-entries{display:flex;gap:.5rem}.article-actions-entries .sidebar-toggle{display:none}}.article-actions-entry{align-items:center;display:flex;position:relative}@media screen and (max-width:769px){.article-actions.show-actions{-webkit-overflow-scrolling:touch;background-color:var(--background-primary);color:var(--text-primary);display:block;height:100vh;left:0;overflow:auto;position:fixed;top:var(--top-navigation-height);width:100vw;z-index:var(--z-index-low)}.article-actions.show-actions .article-actions-entries>li>.button,.article-actions.show-actions .article-actions-entries>li>div>.button,.article-actions.show-actions>.button{--button-radius:0;border-bottom:1px solid var(--border-secondary);width:100%}.article-actions.show-actions .article-actions-entries>li>.button .button-wrap,.article-actions.show-actions .article-actions-entries>li>div>.button .button-wrap,.article-actions.show-actions>.button .button-wrap{justify-content:flex-start;margin-top:1px;padding:1.5rem 1rem}.article-actions.show-actions .article-actions-dialog-heading{display:block}.article-actions.show-actions .article-actions-entries{display:block;padding:1rem}.article-actions.show-actions .article-action-entry,.article-actions.show-actions .article-actions-toggle{border-bottom:1px solid var(--border-secondary)}.article-actions.show-actions .article-actions-entry{display:block}}.article-actions-container{align-items:center;background-color:var(--background-secondary);border-bottom:1px solid var(--border-primary);margin:0;min-height:2rem;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-index-low)}.article-actions-container .container{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.article-actions-container .sidebar-button{display:none}@media screen and (max-width:769px){.article-actions-container .sidebar-button{align-items:center;align-self:stretch;display:flex;margin:0 0 0 -1rem}.article-actions-container .sidebar-button .button-wrap{border-radius:0;border-right:1px solid var(--border-primary)}}@media screen and (min-width:769px){.article-actions-container{position:static}.article-actions-container .article-actions-toggle{display:none}.article-actions-container .bookmark-button-container{flex:0 0 40px}}@media screen and (min-width:1441px){.article-actions-container .container{padding-left:1rem;padding-right:1rem}}@media screen and (max-width:769px){:root{--sticky-header-height:2rem}}.offline-status-bar{background-color:var(--accent-primary-engage);color:var(--text-primary);display:none}.offline-status-bar.is-offline,.offline-status-bar.is-online{display:block;padding:1rem;text-align:center}.offline-status-bar.is-online{-webkit-animation:fade-out 3s ease-out .5s;animation:fade-out 3s ease-out .5s}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.document-toc{margin-bottom:2rem;padding:0;position:relative}@media screen and (max-width:426px){.document-toc{padding:0 1rem}}.document-toc-heading.document-toc-heading{font:var(--type-heading-h5);letter-spacing:1.5px;margin:0 0 1rem}.document-toc-list.document-toc-list{font-size:var(--type-smaller-font-size);list-style:none;padding-left:0}.document-toc-list.document-toc-list li{margin:0}.document-toc-link.document-toc-link:not(.button){border-left:2px solid var(--border-secondary);color:var(--text-secondary);display:block;padding:.5rem 1rem;text-decoration:none}.document-toc-link.document-toc-link:not(.button):hover{color:var(--text-link)}.document-toc-link.document-toc-link:not(.button)[aria-current]:not([aria-current=""]):not([aria-current=false]){background-color:var(--background-toc-active);border-left:2px solid var(--category-color);color:var(--text-primary);font-weight:600}.document-toc-item-sub>.document-toc-link:not(.button){padding-left:2rem}.document-toc .show-toc{display:block}.sidebar{--offset:var(--main-document-header-height);--max-height:calc(100vh - var(--offset));color:var(--text-secondary)}.sidebar .backdrop{display:none}@media screen and (max-width:768px){.sidebar{height:100vh;left:0;max-height:100vh;position:fixed;right:0}.sidebar,.sidebar .sidebar-inner{-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:var(--z-index-top)}.sidebar .sidebar-inner{background:var(--background-primary);border-right:1px solid var(--border-primary);height:var(--max-height);max-height:var(--max-height);max-width:20rem;overflow:hidden;overflow:auto;padding:1rem;position:relative;transition:transform .2s linear;width:80vw;will-change:transform}.sidebar .backdrop{background:rgba(0,0,0,.3);border-radius:0;bottom:0;cursor:default;display:flex;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .2s linear;width:100%;will-change:opacity;z-index:var(--z-index-mid)}.sidebar.is-animating,.sidebar.is-expanded,.sidebar.is-expanded .sidebar-inner{-webkit-transform:translateX(0);transform:translateX(0)}.sidebar.is-expanded .backdrop{opacity:1}}@media screen and (min-width:769px){.sidebar{display:flex;max-height:var(--max-height);overflow:auto;position:-webkit-sticky;position:sticky;top:var(--offset)}}.sidebar-heading{color:var(--text-primary);font:var(--type-heading-h5);letter-spacing:1.5px;margin:0}.sidebar em{background-color:var(--background-toc-active);border-left:2px solid var(--category-color);display:inline-block;font-style:normal;font-weight:600;padding:.25rem .25rem .25rem .5rem;width:100%}.sidebar a,.sidebar em{-webkit-hyphens:auto;hyphens:auto}.sidebar a{color:var(--text-secondary);display:inline-flex;padding:.25rem}.sidebar a:focus,.sidebar a:hover{text-decoration:underline}.sidebar .no-link{display:inline-flex;padding:.25rem}.sidebar strong{display:flex;font-size:var(--type-base-font-size-rem);margin-top:1rem}.sidebar ol{font-size:var(--type-smaller-font-size)}.sidebar ol ol,.sidebar ol ul{padding-left:.5rem}.sidebar ol ol li .icon{margin-right:.01em}.sidebar ol ol li.no-bullet{display:block;font-weight:var(--font-body-strong-weight);list-style-type:none}.sidebar .sidebar-heading~div>ol,.sidebar .sidebar-heading~ol{margin-top:1rem}.sidebar li,.sidebar summary{margin-bottom:.5rem}.sidebar code,.sidebar summary{font-size:var(--type-smaller-font-size)}.sidebar code{word-wrap:break-word;background-color:transparent;background-color:initial;border-radius:var(--elem-radius);font-family:var(--font-code);line-height:1.2;padding:.125rem;white-space:normal}.sidebar summary{cursor:pointer}.sidebar details{margin:.75rem 0}.sidebar details ol{padding-left:.75rem}.sidebar .icon{align-self:center;background-size:14px;height:14px;margin-right:-.25rem;-webkit-mask-size:14px;mask-size:14px;width:14px}.sidebar .icon-experimental,.sidebar .icon-nonstandard{background-color:var(--icon-information)}.sidebar .icon-deprecated{background-color:var(--icon-critical)}.main-content.standalone{margin:0 auto;max-width:var(--max-width);width:100%}.main-page-content .metadata{background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--elem-radius);box-shadow:var(--shadow-01);margin:2rem 0;padding:1rem}.main-page-content .metadata h3{font:var(--type-heading-h4);margin-top:.5rem;padding:0}.metadata-content-container{margin:0 auto;max-width:1440px;width:100%}.metadata-content-container .last-modified-date{margin-bottom:0}:root,body{--mdn-color-white:#fff;--mdn-color-black:#000;--mdn-color-dark-grey:#4e4e4e;--mdn-background-dark:#1b1b1b;--mdn-background-light:#fff;--mdn-background-light-grey:#e2e2e2;--color-announcement-banner-accent:#ff6d91}.light{--text-primary:#1b1b1b;--text-secondary:#4e4e4e;--text-inactive:#9e9e9ea6;--text-link:#0069c2;--text-invert:#fff;--background-primary:#fff;--background-secondary:#f9f9fb;--background-tertiary:#fff;--background-toc-active:#ebeaea;--background-mark-yellow:rgba(199,183,0,.4);--background-mark-green:rgba(0,208,97,.4);--background-information:rgba(0,133,242,.1);--background-warning:rgba(255,42,81,.1);--background-critical:rgba(211,0,56,.1);--background-success:rgba(0,121,54,.1);--border-primary:#cdcdcd;--border-secondary:#cdcdcd;--button-primary-default:#1b1b1b;--button-primary-hover:#696969;--button-primary-active:#9e9e9e;--button-primary-inactive:#1b1b1b;--button-secondary-default:#fff;--button-secondary-hover:#cdcdcd;--button-secondary-active:#cdcdcd;--button-secondary-inactive:#f9f9fb;--button-secondary-border-focus:#0085f2;--button-secondary-border-red:#ff97a0;--button-secondary-border-red-focus:#ffd9dc;--icon-primary:#696969;--icon-secondary:#b3b3b3;--icon-information:#0085f2;--icon-warning:#ff2a51;--icon-critical:#d30038;--icon-success:#007936;--accent-primary:#0085f2;--accent-primary-engage:rgba(0,133,242,.1);--accent-secondary:#0085f2;--accent-tertiary:rgba(0,133,242,.1);--shadow-01:0 1px 2px rgba(43,42,51,.05);--shadow-02:0 1px 6px rgba(43,42,51,.1);--focus-01:0 0 0 3px rgba(0,144,237,.4);--field-focus-border:#0085f2;--code-token-tag:#0069c2;--code-token-punctuation:#9e9e9e;--code-token-attribute-name:#d30038;--code-token-attribute-value:#007936;--code-token-comment:#9e9e9e;--code-token-default:#1b1b1b;--code-token-selector:#872bff;--code-background-inline:#f2f1f1;--code-background-block:#f2f1f1;--notecard-link-color:#343434;--scrollbar-bg:transparent;--scrollbar-color:rgba(0,0,0,.25);--category-color:#0085f2;--category-color-background:#0085f210;--code-color:#5e9eff;--mark-color:#dce2f2;--plus-accent-color:#d30038;--html-accent-color:#d30038;--css-accent-color:#0069c2;--js-accent-color:#afa100;--http-accent-color:#007936;--apis-accent-color:#872bff;--learn-accent-color:#d00058;--plus-code-color:#0069c2;--html-code-color:#9e0027;--css-code-color:#0069c2;--js-code-color:#746a00;--http-code-color:#007936;--apis-code-color:#872bff;--learn-code-color:#d00058;--plus-mark-color:#ffd9dc;--html-mark-color:#ffd9dc;--css-mark-color:#dce2f2;--js-mark-color:#f0e498;--http-mark-color:#a9f3ba;--apis-mark-color:#e6deff;--learn-mark-color:#ffd9df;--plus-accent-background-color:#ff2a5130;--html-accent-background-color:#ff2a5130;--css-accent-background-color:#0085f230;--js-accent-background-color:#93870030;--http-accent-background-color:#009a4630;--apis-accent-background-color:#9b65ff30;--learn-accent-background-color:#ff1f7230;--plus-accent-engage:rgba(255,42,81,.7);--html-accent-engage:rgba(255,42,81,.7);--css-accent-engage:rgba(0,133,242,.7);--js-accent-engage:rgba(147,135,0,.7);--http-accent-engage:rgba(0,154,70,.7);--apis-accent-engage:rgba(155,101,255,.7);--learn-accent-engage:rgba(255,31,114,.7);--modal-backdrop-color:rgba(27,27,27,.1);--blend-color:#fff80;--text-primary-red:#d30038;--text-primary-green:#007936;--text-primary-blue:#0069c2;--text-primary-yellow:#746a00;color-scheme:light}.dark{--text-primary:#fff;--text-secondary:#cdcdcd;--text-inactive:#cdcdcda6;--text-link:#35bdb8;--text-invert:#1b1b1b;--background-primary:#1b1b1b;--background-secondary:#343434;--background-tertiary:#4e4e4e;--background-toc-active:#343434;--background-mark-yellow:rgba(199,183,0,.4);--background-mark-green:rgba(0,208,97,.4);--background-information:rgba(0,133,242,.1);--background-warning:rgba(255,42,81,.1);--background-critical:rgba(211,0,56,.1);--background-success:rgba(0,121,54,.1);--border-primary:#858585;--border-secondary:#696969;--button-primary-default:#fff;--button-primary-hover:#cdcdcd;--button-primary-active:#9e9e9e;--button-primary-inactive:#fff;--button-secondary-default:#4e4e4e;--button-secondary-hover:#858585;--button-secondary-active:#9e9e9e;--button-secondary-inactive:#4e4e4e;--button-secondary-border-focus:#0085f2;--button-secondary-border-red:#ff97a0;--button-secondary-border-red-focus:#ffd9dc;--icon-primary:#fff;--icon-secondary:#b3b3b3;--icon-information:#5e9eff;--icon-warning:#afa100;--icon-critical:#ff707f;--icon-success:#00b755;--accent-primary:#5e9eff;--accent-primary-engage:rgba(94,158,255,.1);--accent-secondary:#5e9eff;--accent-tertiary:rgba(0,133,242,.1);--shadow-01:0 1px 2px rgba(251,251,254,.2);--shadow-02:0 1px 6px rgba(251,251,254,.2);--focus-01:0 0 0 3px rgba(251,251,254,.5);--field-focus-border:#fff;--code-token-tag:#c1cff1;--code-token-punctuation:#9e9e9e;--code-token-attribute-name:#ff97a0;--code-token-attribute-value:#00d061;--code-token-comment:#9e9e9e;--code-token-default:#fff;--code-token-selector:#bea5ff;--code-background-inline:#343434;--code-background-block:#343434;--notecard-link-color:#e2e2e2;--scrollbar-bg:transparent;--scrollbar-color:hsla(0,0%,100%,.25);--category-color:#8cb4ff;--category-color-background:#8cb4ff70;--code-color:#c1cff1;--mark-color:#004d92;--plus-accent-color:#ff97a0;--html-accent-color:#ff707f;--css-accent-color:#8cb4ff;--js-accent-color:#afa100;--http-accent-color:#00b755;--apis-accent-color:#ae8aff;--learn-accent-color:#ff6d91;--plus-code-color:#c1cff1;--html-code-color:#f9f9fb;--css-code-color:#c1cff1;--js-code-color:#c7b700;--http-code-color:#00d061;--apis-code-color:#bea5ff;--learn-code-color:#ff93aa;--plus-mark-color:#9e0027;--html-mark-color:#9e0027;--css-mark-color:#004d92;--js-mark-color:#564e00;--http-mark-color:#005a26;--apis-mark-color:#6800cf;--learn-mark-color:#9e0041;--plus-accent-background-color:#ff2a5130;--html-accent-background-color:#ff2a5130;--css-accent-background-color:#0085f230;--js-accent-background-color:#93870030;--http-accent-background-color:#009a4630;--apis-accent-background-color:#9b65ff30;--learn-accent-background-color:#ff1f7230;--plus-accent-engage:rgba(255,112,127,.7);--html-accent-engage:rgba(255,112,127,.7);--css-accent-engage:rgba(140,180,255,.7);--js-accent-engage:rgba(175,161,0,.7);--http-accent-engage:rgba(0,183,85,.7);--apis-accent-engage:rgba(174,138,255,.7);--learn-accent-engage:rgba(255,109,145,.7);--modal-backdrop-color:rgba(27,27,27,.7);--blend-color:#00080;--text-primary-red:#ff97a0;--text-primary-green:#00d061;--text-primary-blue:#8cb4ff;--text-primary-yellow:#c7b700;color-scheme:dark}@media(prefers-color-scheme:light){:root:not(.light):not(.dark){--text-primary:#fff;--text-secondary:#cdcdcd;--text-inactive:#cdcdcda6;--text-link:#8cb4ff;--text-invert:#1b1b1b;--background-primary:#1b1b1b;--background-secondary:#343434;--background-tertiary:#4e4e4e;--background-toc-active:#343434;--background-mark-yellow:rgba(199,183,0,.4);--background-mark-green:rgba(0,208,97,.4);--background-information:rgba(0,133,242,.1);--background-warning:rgba(255,42,81,.1);--background-critical:rgba(211,0,56,.1);--background-success:rgba(0,121,54,.1);--border-primary:#858585;--border-secondary:#696969;--button-primary-default:#fff;--button-primary-hover:#cdcdcd;--button-primary-active:#9e9e9e;--button-primary-inactive:#fff;--button-secondary-default:#4e4e4e;--button-secondary-hover:#858585;--button-secondary-active:#9e9e9e;--button-secondary-inactive:#4e4e4e;--button-secondary-border-focus:#0085f2;--button-secondary-border-red:#ff97a0;--button-secondary-border-red-focus:#ffd9dc;--icon-primary:#fff;--icon-secondary:#b3b3b3;--icon-information:#5e9eff;--icon-warning:#afa100;--icon-critical:#ff707f;--icon-success:#00b755;--accent-primary:#5e9eff;--accent-primary-engage:rgba(94,158,255,.1);--accent-secondary:#5e9eff;--accent-tertiary:rgba(0,133,242,.1);--shadow-01:0 1px 2px rgba(251,251,254,.2);--shadow-02:0 1px 6px rgba(251,251,254,.2);--focus-01:0 0 0 3px rgba(251,251,254,.5);--field-focus-border:#fff;--code-token-tag:#c1cff1;--code-token-punctuation:#9e9e9e;--code-token-attribute-name:#ff97a0;--code-token-attribute-value:#00d061;--code-token-comment:#9e9e9e;--code-token-default:#fff;--code-token-selector:#bea5ff;--code-background-inline:#343434;--code-background-block:#343434;--notecard-link-color:#e2e2e2;--scrollbar-bg:transparent;--scrollbar-color:hsla(0,0%,100%,.25);--category-color:#8cb4ff;--category-color-background:#8cb4ff70;--code-color:#c1cff1;--mark-color:#004d92;--plus-accent-color:#ff97a0;--html-accent-color:#ff707f;--css-accent-color:#8cb4ff;--js-accent-color:#afa100;--http-accent-color:#00b755;--apis-accent-color:#ae8aff;--learn-accent-color:#ff6d91;--plus-code-color:#c1cff1;--html-code-color:#f9f9fb;--css-code-color:#c1cff1;--js-code-color:#c7b700;--http-code-color:#00d061;--apis-code-color:#bea5ff;--learn-code-color:#ff93aa;--plus-mark-color:#9e0027;--html-mark-color:#9e0027;--css-mark-color:#004d92;--js-mark-color:#564e00;--http-mark-color:#005a26;--apis-mark-color:#6800cf;--learn-mark-color:#9e0041;--plus-accent-background-color:#ff2a5130;--html-accent-background-color:#ff2a5130;--css-accent-background-color:#0085f230;--js-accent-background-color:#93870030;--http-accent-background-color:#009a4630;--apis-accent-background-color:#9b65ff30;--learn-accent-background-color:#ff1f7230;--plus-accent-engage:rgba(255,112,127,.7);--html-accent-engage:rgba(255,112,127,.7);--css-accent-engage:rgba(140,180,255,.7);--js-accent-engage:rgba(175,161,0,.7);--http-accent-engage:rgba(0,183,85,.7);--apis-accent-engage:rgba(174,138,255,.7);--learn-accent-engage:rgba(255,109,145,.7);--modal-backdrop-color:rgba(27,27,27,.7);--blend-color:#00080;--text-primary-red:#ff97a0;--text-primary-green:#00d061;--text-primary-blue:#8cb4ff;--text-primary-yellow:#c7b700;color-scheme:dark}}@media(prefers-color-scheme:dark){:root:not(.light):not(.dark){--text-primary:#fff;--text-secondary:#cdcdcd;--text-inactive:#cdcdcda6;--text-link:#8cb4ff;--text-invert:#1b1b1b;--background-primary:#1b1b1b;--background-secondary:#343434;--background-tertiary:#4e4e4e;--background-toc-active:#343434;--background-mark-yellow:rgba(199,183,0,.4);--background-mark-green:rgba(0,208,97,.4);--background-information:rgba(0,133,242,.1);--background-warning:rgba(255,42,81,.1);--background-critical:rgba(211,0,56,.1);--background-success:rgba(0,121,54,.1);--border-primary:#858585;--border-secondary:#696969;--button-primary-default:#fff;--button-primary-hover:#cdcdcd;--button-primary-active:#9e9e9e;--button-primary-inactive:#fff;--button-secondary-default:#4e4e4e;--button-secondary-hover:#858585;--button-secondary-active:#9e9e9e;--button-secondary-inactive:#4e4e4e;--button-secondary-border-focus:#0085f2;--button-secondary-border-red:#ff97a0;--button-secondary-border-red-focus:#ffd9dc;--icon-primary:#fff;--icon-secondary:#b3b3b3;--icon-information:#5e9eff;--icon-warning:#afa100;--icon-critical:#ff707f;--icon-success:#00b755;--accent-primary:#5e9eff;--accent-primary-engage:rgba(94,158,255,.1);--accent-secondary:#5e9eff;--accent-tertiary:rgba(0,133,242,.1);--shadow-01:0 1px 2px rgba(251,251,254,.2);--shadow-02:0 1px 6px rgba(251,251,254,.2);--focus-01:0 0 0 3px rgba(251,251,254,.5);--field-focus-border:#fff;--code-token-tag:#c1cff1;--code-token-punctuation:#9e9e9e;--code-token-attribute-name:#ff97a0;--code-token-attribute-value:#00d061;--code-token-comment:#9e9e9e;--code-token-default:#fff;--code-token-selector:#bea5ff;--code-background-inline:#343434;--code-background-block:#343434;--notecard-link-color:#e2e2e2;--scrollbar-bg:transparent;--scrollbar-color:hsla(0,0%,100%,.25);--category-color:#8cb4ff;--category-color-background:#8cb4ff70;--code-color:#c1cff1;--mark-color:#004d92;--plus-accent-color:#ff97a0;--html-accent-color:#ff707f;--css-accent-color:#8cb4ff;--js-accent-color:#afa100;--http-accent-color:#00b755;--apis-accent-color:#ae8aff;--learn-accent-color:#ff6d91;--plus-code-color:#c1cff1;--html-code-color:#f9f9fb;--css-code-color:#c1cff1;--js-code-color:#c7b700;--http-code-color:#00d061;--apis-code-color:#bea5ff;--learn-code-color:#ff93aa;--plus-mark-color:#9e0027;--html-mark-color:#9e0027;--css-mark-color:#004d92;--js-mark-color:#564e00;--http-mark-color:#005a26;--apis-mark-color:#6800cf;--learn-mark-color:#9e0041;--plus-accent-background-color:#ff2a5130;--html-accent-background-color:#ff2a5130;--css-accent-background-color:#0085f230;--js-accent-background-color:#93870030;--http-accent-background-color:#009a4630;--apis-accent-background-color:#9b65ff30;--learn-accent-background-color:#ff1f7230;--plus-accent-engage:rgba(255,112,127,.7);--html-accent-engage:rgba(255,112,127,.7);--css-accent-engage:rgba(140,180,255,.7);--js-accent-engage:rgba(175,161,0,.7);--http-accent-engage:rgba(0,183,85,.7);--apis-accent-engage:rgba(174,138,255,.7);--learn-accent-engage:rgba(255,109,145,.7);--modal-backdrop-color:rgba(27,27,27,.7);--blend-color:#00080;--text-primary-red:#ff97a0;--text-primary-green:#00d061;--text-primary-blue:#8cb4ff;--text-primary-yellow:#c7b700;color-scheme:dark}}.document-page .article-actions-container,.document-page .document-toc-container,.document-page .generic-loading,.document-page .main-content,.document-page .metadata,.document-page .page-header,.document-page .sidebar{display:flex}.document-page .main-content,.document-page .sidebar{flex-direction:column;width:100%}.main-wrapper{display:flex;margin:0 auto;max-width:var(--max-width)}.main-wrapper .toc{display:none}@media screen and (min-width:769px){.main-wrapper{grid-gap:3rem;display:grid;gap:3rem;padding-left:1.5rem;padding-right:3rem}.main-wrapper .main-content,.main-wrapper .sidebar,.main-wrapper .toc{padding-bottom:3rem;padding-top:3rem}.main-wrapper .sidebar{align-self:start;grid-area:sidebar}.main-wrapper .main-content{grid-area:main}}@media screen and (min-width:1200px){.main-wrapper{grid-gap:3rem;display:grid;gap:3rem;padding-left:1rem;padding-right:1rem}.main-wrapper .toc{--offset:var(--main-document-header-height);--max-height:calc(100vh - var(--offset));display:block;grid-area:toc;max-height:var(--max-height);overflow:auto;position:-webkit-sticky;position:sticky;top:var(--offset)}.main-wrapper .in-nav-toc{display:none}}.page-wrapper{grid-template-columns:100%}.standard-page{max-width:inherit}@font-face{font-display:swap;font-family:Inter;font-stretch:75% 100%;font-style:oblique 0 20deg;font-weight:1 999;src:url(/website/fonts/Inter.var.woff2) format("woff2 supports variations"),url(/website/fonts/Inter.var.woff2) format("woff2-variations")}:root{--sticky-header-height:var(--main-document-header-height)}.main-document-header-container{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-index-top)}.main-page-content{overflow-wrap:break-word;padding:3rem 1rem 1rem}.main-page-content h1 a:link,.main-page-content h1 a:visited,.main-page-content h2 a:link,.main-page-content h2 a:visited,.main-page-content h3 a:link,.main-page-content h3 a:visited,.main-page-content h4 a:link,.main-page-content h4 a:visited,.main-page-content h5 a:link,.main-page-content h5 a:visited,.main-page-content h6 a:link,.main-page-content h6 a:visited{color:var(--text-primary);text-decoration:none}.main-page-content h1 a:focus,.main-page-content h1 a:hover,.main-page-content h2 a:focus,.main-page-content h2 a:hover,.main-page-content h3 a:focus,.main-page-content h3 a:hover,.main-page-content h4 a:focus,.main-page-content h4 a:hover,.main-page-content h5 a:focus,.main-page-content h5 a:hover,.main-page-content h6 a:focus,.main-page-content h6 a:hover{text-decoration:underline}.main-page-content h1 a:active,.main-page-content h2 a:active,.main-page-content h3 a:active,.main-page-content h4 a:active,.main-page-content h5 a:active,.main-page-content h6 a:active{background-color:transparent}.main-page-content h1 a[href^="#"]:hover:after,.main-page-content h2 a[href^="#"]:hover:after,.main-page-content h3 a[href^="#"]:hover:after,.main-page-content h4 a[href^="#"]:hover:after,.main-page-content h5 a[href^="#"]:hover:after,.main-page-content h6 a[href^="#"]:hover:after{color:var(--text-inactive);content:"#";display:inline-flex;font-size:.7em;line-height:1;margin-left:4px;text-decoration:none}.main-page-content h1:after{-webkit-text-decoration-color:var(--category-color);text-decoration-color:var(--category-color)}.main-page-content h2:first-of-type{margin-top:2rem}.main-page-content a:not(.button){color:var(--text-link);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.main-page-content a:not(.button):active{background-color:var(--text-link);color:#fff}.main-page-content a:not(.button):active code{background-color:transparent;color:#fff}.main-page-content a:not(.button)[id^=attr-]:link,.main-page-content a:not(.button)[id^=attr-]:visited{color:var(--text-link);text-decoration:none}.main-page-content a:not(.button)[id^=attr-]:focus,.main-page-content a:not(.button)[id^=attr-]:hover{text-decoration:underline}.main-page-content a:not(.button)[id^=attr-]:active{color:#fff}.main-page-content a:not(.button)[aria-current]{color:var(--text-link);font-weight:var(--font-body-strong-weight);text-decoration:none}.main-page-content img{background:#fff;border:1px solid var(--border-primary)!important;border-radius:var(--elem-radius);display:inline-block;display:flex;height:auto;margin:2rem auto}.main-page-content ol,.main-page-content ul{margin:1rem 0 2rem;padding-left:2rem}.main-page-content ol li,.main-page-content ul li{margin:.5rem 0}.main-page-content ul{list-style:disc}.main-page-content ul ul{list-style-type:circle;margin:0;padding-left:1rem}.main-page-content ol{list-style:decimal}.main-page-content ol ol{list-style:lower-roman;margin:0}.main-page-content dd ol,.main-page-content dd ul{margin-bottom:1rem;padding-left:3rem}.main-page-content td ol,.main-page-content td ul{padding-left:1rem}.main-page-content dd li{margin-bottom:1rem}.main-page-content td li{margin-bottom:.5rem}.main-page-content dl dt{margin-bottom:.5rem;margin-top:2rem}.main-page-content dl dd{margin-bottom:1rem;margin-left:1rem}.main-page-content dl dd .notecard p{padding-left:0}.main-page-content dl p{margin:0 0 1rem}.main-page-content .section-content p{font:var(--type-article-p)}.main-page-content .section-content p:last-child{margin-bottom:2rem}.main-page-content .section-content figure{margin-bottom:1rem}.main-page-content .section-content .prev-next{display:flex;gap:.5rem;justify-content:space-between;list-style:none;margin:1rem 0;padding:0;text-align:center}.main-page-content .section-content .prev-next li{display:flex;margin:0}.main-page-content .section-content .prev-next .button{margin:0;max-width:inherit}.main-page-content .section-content .prev-next .button-wrap{color:inherit}@media screen and (min-width:426px){.main-page-content{padding:3rem}}@media screen and (min-width:769px){.main-page-content{margin-bottom:.5rem;padding:0}}b,strong{font-weight:var(--font-body-strong-weight);letter-spacing:.02rem}table{border:1px solid var(--border-primary);border-collapse:collapse;width:100%}table th{background:var(--background-tertiary);font-weight:var(--font-body-strong-weight);line-height:1.5;text-align:left}table td,table th{border:1px solid var(--border-primary);padding:.5rem .75rem;vertical-align:middle}table td .code-example pre,table td ul{margin:0}table caption{font-weight:var(--font-body-strong-weight);margin:1rem 0 .5rem}table.properties{border:none;font-size:var(--type-base-font-size)}table.properties td,table.properties th{border:none}table.properties th{background:none}table.properties tr{border-bottom:1px solid var(--border-secondary)}table.properties tr:first-child{border-top:1px solid var(--border-primary)}table.properties tr:last-child{border-bottom:1px solid var(--border-primary)}table.properties tr:nth-child(odd) td,table.properties tr:nth-child(odd) th,table.standard-table tr:nth-child(odd) td,table.standard-table tr:nth-child(odd) th{background-color:var(--background-secondary)}iframe{border:1px solid var(--border-primary);max-width:100%;width:100%}iframe.nobutton,iframe.sample-code-frame,iframe[src*="https://jsfiddle.net"],iframe[src*="https://mdn.github.io"],iframe[src*="https://test262.report"],iframe[src*="https://www.youtube-nocookie.com"]{background:#fff;border:1px solid var(--border-primary);border-radius:var(--elem-radius);width:100%}h1,h2,h3{letter-spacing:var(--heading-letter-spacing)}h1{font:var(--type-heading-h1);margin-bottom:2rem;word-break:break-word}@media screen and (min-width:769px){h1{font:var(--type-heading-h1)}}h2{font:var(--type-heading-h2);margin:4rem 0 .5rem}h3{font:var(--type-heading-h3);margin:2rem 0 .5rem}h2~div~h3,h2~h3{margin-top:1rem}h4{font:var(--type-heading-h4);letter-spacing:.5px;margin:2rem 0 1rem}h5{font:var(--type-heading-h5)}h5,h6{letter-spacing:1.5px;margin:2rem 0 1rem;text-transform:uppercase}h6{font:var(--type-heading-h6)}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{font-size:inherit}p{margin:1rem 0 2rem}blockquote{border-left:4px solid var(--border-secondary);color:var(--text-secondary);margin-bottom:2rem;padding:1rem 2rem}blockquote p{margin:0}.code-example,code,pre{border-radius:var(--elem-radius);font-size:var(--type-base-font-size-rem)}code{background:var(--code-background-inline);padding:.125rem .25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}pre{background-color:var(--code-background-block);border:1px solid transparent;margin:1rem 0 2rem;padding:1rem 2.5rem 1rem 1rem}pre code{background:none;color:var(--text-primary);padding:0}.badge{border:1px solid var(--border-primary);border-radius:4rem;font-size:var(--type-tiny-font-size);padding:.125rem .375rem;white-space:nowrap}.badge,kbd{color:var(--text-secondary)}kbd{border:2px solid var(--border-secondary);border-radius:var(--elem-radius);box-shadow:var(--border-secondary);box-shadow:inset 0 -1px 0 0 var(--border-secondary);font-size:.825rem;padding:.25rem} \ No newline at end of file diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png deleted file mode 100644 index 7615e12..0000000 Binary files a/public/mstile-150x150.png and /dev/null differ diff --git a/public/prism.js b/public/prism.js deleted file mode 100644 index 9be72f3..0000000 --- a/public/prism.js +++ /dev/null @@ -1,49 +0,0 @@ -/* PrismJS 1.29.0 -https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+bash+c+csharp+cpp+cmake+css-extras+csv+docker+elixir+elm+git+go+go-module+graphql+handlebars+java+javadoc+javadoclike+json+json5+jsonp+log+makefile+markdown+markup-templating+matlab+php+phpdoc+php-extras+powershell+python+qml+r+rest+scss+shell-session+sql+swift+typescript+xml-doc+yaml&plugins=line-numbers */ -var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(e){var n=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,r={},a={manual:e.Prism&&e.Prism.manual,disableWorkerMessageHandler:e.Prism&&e.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof i?new i(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=g.reach);A+=w.value.length,w=w.next){var E=w.value;if(n.length>e.length)return;if(!(E instanceof i)){var P,L=1;if(y){if(!(P=l(b,A,e,m))||P.index>=e.length)break;var S=P.index,O=P.index+P[0].length,j=A;for(j+=w.value.length;S>=j;)j+=(w=w.next).value.length;if(A=j-=w.value.length,w.value instanceof i)continue;for(var C=w;C!==n.tail&&(jg.reach&&(g.reach=W);var z=w.prev;if(_&&(z=u(n,z,_),A+=_.length),c(n,z,L),w=u(n,z,new i(f,p?a.tokenize(N,p):N,k,N)),M&&u(n,w,M),L>1){var I={cause:f+","+d,reach:W};o(e,n,t,w.prev,A,I),g&&I.reach>g.reach&&(g.reach=I.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},n={value:null,prev:e,next:null};e.next=n,this.head=e,this.tail=n,this.length=0}function u(e,n,t){var r=n.next,a={value:t,prev:n,next:r};return n.next=a,r.prev=a,e.length++,a}function c(e,n,t){for(var r=n.next,a=0;a"+i.content+""},!e.document)return e.addEventListener?(a.disableWorkerMessageHandler||e.addEventListener("message",(function(n){var t=JSON.parse(n.data),r=t.language,i=t.code,l=t.immediateClose;e.postMessage(a.highlight(i,a.languages[r],r)),l&&e.close()}),!1),a):a;var g=a.util.currentScript();function f(){a.manual||a.highlightAll()}if(g&&(a.filename=g.src,g.hasAttribute("data-manual")&&(a.manual=!0)),!a.manual){var h=document.readyState;"loading"===h||"interactive"===h&&g&&g.defer?document.addEventListener("DOMContentLoaded",f):window.requestAnimationFrame?window.requestAnimationFrame(f):window.setTimeout(f,16)}return a}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); -Prism.languages.markup={comment:{pattern://,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var t={"included-cdata":{pattern://i,inside:s}};t["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var n={};n[a]={pattern:RegExp("(<__[^>]*>)(?:))*\\]\\]>|(?!)".replace(/__/g,(function(){return a})),"i"),lookbehind:!0,greedy:!0,inside:t},Prism.languages.insertBefore("markup","cdata",n)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(a,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp("(^|[\"'\\s])(?:"+a+")\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+(?=[\\s>]))","i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; -!function(s){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;s.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:[^;{\\s\"']|\\s+(?!\\s)|"+e.source+")*?(?:;|(?=\\s*\\{))"),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},s.languages.css.atrule.inside.rest=s.languages.css;var t=s.languages.markup;t&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(Prism); -Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; -Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp("(^|[^\\w$])(?:NaN|Infinity|0[bB][01]+(?:_[01]+)*n?|0[oO][0-7]+(?:_[0-7]+)*n?|0[xX][\\dA-Fa-f]+(?:_[\\dA-Fa-f]+)*n?|\\d+(?:_\\d+)*n|(?:\\d+(?:_\\d+)*(?:\\.(?:\\d+(?:_\\d+)*)?)?|\\.\\d+(?:_\\d+)*)(?:[Ee][+-]?\\d+(?:_\\d+)*)?)(?![\\w$])"),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp("((?:^|[^$\\w\\xA0-\\uFFFF.\"'\\])\\s]|\\b(?:return|yield))\\s*)/(?:(?:\\[(?:[^\\]\\\\\r\n]|\\\\.)*\\]|\\\\.|[^/\\\\\\[\r\n])+/[dgimyus]{0,7}|(?:\\[(?:[^[\\]\\\\\r\n]|\\\\.|\\[(?:[^[\\]\\\\\r\n]|\\\\.|\\[(?:[^[\\]\\\\\r\n]|\\\\.)*\\])*\\])*\\]|\\\\.|[^/\\\\\\[\r\n])+/[dgimyus]{0,7}v[dgimyus]{0,7})(?=(?:\\s|/\\*(?:[^*]|\\*(?!/))*\\*/)*(?:$|[\r\n,.;:})\\]]|//))"),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute("on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)","javascript")),Prism.languages.js=Prism.languages.javascript; -!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",a={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},n={bash:a,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:n},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:a}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:n},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:n.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:n.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},a.inside=e.languages.bash;for(var s=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],o=n.variable[1].inside,i=0;i>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),Prism.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),Prism.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},Prism.languages.c.string],char:Prism.languages.c.char,comment:Prism.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:Prism.languages.c}}}}),Prism.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete Prism.languages.c.boolean; -!function(e){function n(e,n){return e.replace(/<<(\d+)>>/g,(function(e,s){return"(?:"+n[+s]+")"}))}function s(e,s,a){return RegExp(n(e,s),a||"")}function a(e,n){for(var s=0;s>/g,(function(){return"(?:"+e+")"}));return e.replace(/<>/g,"[^\\s\\S]")}var t="bool byte char decimal double dynamic float int long object sbyte short string uint ulong ushort var void",r="class enum interface record struct",i="add alias and ascending async await by descending from(?=\\s*(?:\\w|$)) get global group into init(?=\\s*;) join let nameof not notnull on or orderby partial remove select set unmanaged value when where with(?=\\s*{)",o="abstract as base break case catch checked const continue default delegate do else event explicit extern finally fixed for foreach goto if implicit in internal is lock namespace new null operator out override params private protected public readonly ref return sealed sizeof stackalloc static switch this throw try typeof unchecked unsafe using virtual volatile while yield";function l(e){return"\\b(?:"+e.trim().replace(/ /g,"|")+")\\b"}var d=l(r),p=RegExp(l(t+" "+r+" "+i+" "+o)),c=l(r+" "+i+" "+o),u=l(t+" "+r+" "+o),g=a("<(?:[^<>;=+\\-*/%&|^]|<>)*>",2),b=a("\\((?:[^()]|<>)*\\)",2),h="@?\\b[A-Za-z_]\\w*\\b",f=n("<<0>>(?:\\s*<<1>>)?",[h,g]),m=n("(?!<<0>>)<<1>>(?:\\s*\\.\\s*<<1>>)*",[c,f]),k="\\[\\s*(?:,\\s*)*\\]",y=n("<<0>>(?:\\s*(?:\\?\\s*)?<<1>>)*(?:\\s*\\?)?",[m,k]),w=n("[^,()<>[\\];=+\\-*/%&|^]|<<0>>|<<1>>|<<2>>",[g,b,k]),v=n("\\(<<0>>+(?:,<<0>>+)+\\)",[w]),x=n("(?:<<0>>|<<1>>)(?:\\s*(?:\\?\\s*)?<<2>>)*(?:\\s*\\?)?",[v,m,k]),$={keyword:p,punctuation:/[<>()?,.:[\]]/},_="'(?:[^\r\n'\\\\]|\\\\.|\\\\[Uux][\\da-fA-F]{1,8})'",B='"(?:\\\\.|[^\\\\"\r\n])*"';e.languages.csharp=e.languages.extend("clike",{string:[{pattern:s("(^|[^$\\\\])<<0>>",['@"(?:""|\\\\[^]|[^\\\\"])*"(?!")']),lookbehind:!0,greedy:!0},{pattern:s("(^|[^@$\\\\])<<0>>",[B]),lookbehind:!0,greedy:!0}],"class-name":[{pattern:s("(\\busing\\s+static\\s+)<<0>>(?=\\s*;)",[m]),lookbehind:!0,inside:$},{pattern:s("(\\busing\\s+<<0>>\\s*=\\s*)<<1>>(?=\\s*;)",[h,x]),lookbehind:!0,inside:$},{pattern:s("(\\busing\\s+)<<0>>(?=\\s*=)",[h]),lookbehind:!0},{pattern:s("(\\b<<0>>\\s+)<<1>>",[d,f]),lookbehind:!0,inside:$},{pattern:s("(\\bcatch\\s*\\(\\s*)<<0>>",[m]),lookbehind:!0,inside:$},{pattern:s("(\\bwhere\\s+)<<0>>",[h]),lookbehind:!0},{pattern:s("(\\b(?:is(?:\\s+not)?|as)\\s+)<<0>>",[y]),lookbehind:!0,inside:$},{pattern:s("\\b<<0>>(?=\\s+(?!<<1>>|with\\s*\\{)<<2>>(?:\\s*[=,;:{)\\]]|\\s+(?:in|when)\\b))",[x,u,h]),inside:$}],keyword:p,number:/(?:\b0(?:x[\da-f_]*[\da-f]|b[01_]*[01])|(?:\B\.\d+(?:_+\d+)*|\b\d+(?:_+\d+)*(?:\.\d+(?:_+\d+)*)?)(?:e[-+]?\d+(?:_+\d+)*)?)(?:[dflmu]|lu|ul)?\b/i,operator:/>>=?|<<=?|[-=]>|([-+&|])\1|~|\?\?=?|[-+*/%&|^!=<>]=?/,punctuation:/\?\.?|::|[{}[\];(),.:]/}),e.languages.insertBefore("csharp","number",{range:{pattern:/\.\./,alias:"operator"}}),e.languages.insertBefore("csharp","punctuation",{"named-parameter":{pattern:s("([(,]\\s*)<<0>>(?=\\s*:)",[h]),lookbehind:!0,alias:"punctuation"}}),e.languages.insertBefore("csharp","class-name",{namespace:{pattern:s("(\\b(?:namespace|using)\\s+)<<0>>(?:\\s*\\.\\s*<<0>>)*(?=\\s*[;{])",[h]),lookbehind:!0,inside:{punctuation:/\./}},"type-expression":{pattern:s("(\\b(?:default|sizeof|typeof)\\s*\\(\\s*(?!\\s))(?:[^()\\s]|\\s(?!\\s)|<<0>>)*(?=\\s*\\))",[b]),lookbehind:!0,alias:"class-name",inside:$},"return-type":{pattern:s("<<0>>(?=\\s+(?:<<1>>\\s*(?:=>|[({]|\\.\\s*this\\s*\\[)|this\\s*\\[))",[x,m]),inside:$,alias:"class-name"},"constructor-invocation":{pattern:s("(\\bnew\\s+)<<0>>(?=\\s*[[({])",[x]),lookbehind:!0,inside:$,alias:"class-name"},"generic-method":{pattern:s("<<0>>\\s*<<1>>(?=\\s*\\()",[h,g]),inside:{function:s("^<<0>>",[h]),generic:{pattern:RegExp(g),alias:"class-name",inside:$}}},"type-list":{pattern:s("\\b((?:<<0>>\\s+<<1>>|record\\s+<<1>>\\s*<<5>>|where\\s+<<2>>)\\s*:\\s*)(?:<<3>>|<<4>>|<<1>>\\s*<<5>>|<<6>>)(?:\\s*,\\s*(?:<<3>>|<<4>>|<<6>>))*(?=\\s*(?:where|[{;]|=>|$))",[d,f,h,x,p.source,b,"\\bnew\\s*\\(\\s*\\)"]),lookbehind:!0,inside:{"record-arguments":{pattern:s("(^(?!new\\s*\\()<<0>>\\s*)<<1>>",[f,b]),lookbehind:!0,greedy:!0,inside:e.languages.csharp},keyword:p,"class-name":{pattern:RegExp(x),greedy:!0,inside:$},punctuation:/[,()]/}},preprocessor:{pattern:/(^[\t ]*)#.*/m,lookbehind:!0,alias:"property",inside:{directive:{pattern:/(#)\b(?:define|elif|else|endif|endregion|error|if|line|nullable|pragma|region|undef|warning)\b/,lookbehind:!0,alias:"keyword"}}}});var E=B+"|"+_,R=n("/(?![*/])|//[^\r\n]*[\r\n]|/\\*(?:[^*]|\\*(?!/))*\\*/|<<0>>",[E]),z=a(n("[^\"'/()]|<<0>>|\\(<>*\\)",[R]),2),S="\\b(?:assembly|event|field|method|module|param|property|return|type)\\b",j=n("<<0>>(?:\\s*\\(<<1>>*\\))?",[m,z]);e.languages.insertBefore("csharp","class-name",{attribute:{pattern:s("((?:^|[^\\s\\w>)?])\\s*\\[\\s*)(?:<<0>>\\s*:\\s*)?<<1>>(?:\\s*,\\s*<<1>>)*(?=\\s*\\])",[S,j]),lookbehind:!0,greedy:!0,inside:{target:{pattern:s("^<<0>>(?=\\s*:)",[S]),alias:"keyword"},"attribute-arguments":{pattern:s("\\(<<0>>*\\)",[z]),inside:e.languages.csharp},"class-name":{pattern:RegExp(m),inside:{punctuation:/\./}},punctuation:/[:,]/}}});var A=":[^}\r\n]+",F=a(n("[^\"'/()]|<<0>>|\\(<>*\\)",[R]),2),P=n("\\{(?!\\{)(?:(?![}:])<<0>>)*<<1>>?\\}",[F,A]),U=a(n("[^\"'/()]|/(?!\\*)|/\\*(?:[^*]|\\*(?!/))*\\*/|<<0>>|\\(<>*\\)",[E]),2),Z=n("\\{(?!\\{)(?:(?![}:])<<0>>)*<<1>>?\\}",[U,A]);function q(n,a){return{interpolation:{pattern:s("((?:^|[^{])(?:\\{\\{)*)<<0>>",[n]),lookbehind:!0,inside:{"format-string":{pattern:s("(^\\{(?:(?![}:])<<0>>)*)<<1>>(?=\\}$)",[a,A]),lookbehind:!0,inside:{punctuation:/^:/}},punctuation:/^\{|\}$/,expression:{pattern:/[\s\S]+/,alias:"language-csharp",inside:e.languages.csharp}}},string:/[\s\S]+/}}e.languages.insertBefore("csharp","string",{"interpolation-string":[{pattern:s('(^|[^\\\\])(?:\\$@|@\\$)"(?:""|\\\\[^]|\\{\\{|<<0>>|[^\\\\{"])*"',[P]),lookbehind:!0,greedy:!0,inside:q(P,F)},{pattern:s('(^|[^@\\\\])\\$"(?:\\\\.|\\{\\{|<<0>>|[^\\\\"{])*"',[Z]),lookbehind:!0,greedy:!0,inside:q(Z,U)}],char:{pattern:RegExp(_),greedy:!0}}),e.languages.dotnet=e.languages.cs=e.languages.csharp}(Prism); -!function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n="\\b(?!)\\w+(?:\\s*\\.\\s*\\w+)*\\b".replace(//g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp("(\\b(?:class|concept|enum|struct|typename)\\s+)(?!)\\w+".replace(//g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp('(\\b(?:import|module)\\s+)(?:"(?:\\\\(?:\r\n|[^])|[^"\\\\\r\n])*"|<[^<>\r\n]*>|'+"(?:\\s*:\\s*)?|:\\s*".replace(//g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(Prism); -Prism.languages.cmake={comment:/#.*/,string:{pattern:/"(?:[^\\"]|\\.)*"/,greedy:!0,inside:{interpolation:{pattern:/\$\{(?:[^{}$]|\$\{[^{}$]*\})*\}/,inside:{punctuation:/\$\{|\}/,variable:/\w+/}}}},variable:/\b(?:CMAKE_\w+|\w+_(?:(?:BINARY|SOURCE)_DIR|DESCRIPTION|HOMEPAGE_URL|ROOT|VERSION(?:_MAJOR|_MINOR|_PATCH|_TWEAK)?)|(?:ANDROID|APPLE|BORLAND|BUILD_SHARED_LIBS|CACHE|CPACK_(?:ABSOLUTE_DESTINATION_FILES|COMPONENT_INCLUDE_TOPLEVEL_DIRECTORY|ERROR_ON_ABSOLUTE_INSTALL_DESTINATION|INCLUDE_TOPLEVEL_DIRECTORY|INSTALL_DEFAULT_DIRECTORY_PERMISSIONS|INSTALL_SCRIPT|PACKAGING_INSTALL_PREFIX|SET_DESTDIR|WARN_ON_ABSOLUTE_INSTALL_DESTINATION)|CTEST_(?:BINARY_DIRECTORY|BUILD_COMMAND|BUILD_NAME|BZR_COMMAND|BZR_UPDATE_OPTIONS|CHANGE_ID|CHECKOUT_COMMAND|CONFIGURATION_TYPE|CONFIGURE_COMMAND|COVERAGE_COMMAND|COVERAGE_EXTRA_FLAGS|CURL_OPTIONS|CUSTOM_(?:COVERAGE_EXCLUDE|ERROR_EXCEPTION|ERROR_MATCH|ERROR_POST_CONTEXT|ERROR_PRE_CONTEXT|MAXIMUM_FAILED_TEST_OUTPUT_SIZE|MAXIMUM_NUMBER_OF_(?:ERRORS|WARNINGS)|MAXIMUM_PASSED_TEST_OUTPUT_SIZE|MEMCHECK_IGNORE|POST_MEMCHECK|POST_TEST|PRE_MEMCHECK|PRE_TEST|TESTS_IGNORE|WARNING_EXCEPTION|WARNING_MATCH)|CVS_CHECKOUT|CVS_COMMAND|CVS_UPDATE_OPTIONS|DROP_LOCATION|DROP_METHOD|DROP_SITE|DROP_SITE_CDASH|DROP_SITE_PASSWORD|DROP_SITE_USER|EXTRA_COVERAGE_GLOB|GIT_COMMAND|GIT_INIT_SUBMODULES|GIT_UPDATE_CUSTOM|GIT_UPDATE_OPTIONS|HG_COMMAND|HG_UPDATE_OPTIONS|LABELS_FOR_SUBPROJECTS|MEMORYCHECK_(?:COMMAND|COMMAND_OPTIONS|SANITIZER_OPTIONS|SUPPRESSIONS_FILE|TYPE)|NIGHTLY_START_TIME|P4_CLIENT|P4_COMMAND|P4_OPTIONS|P4_UPDATE_OPTIONS|RUN_CURRENT_SCRIPT|SCP_COMMAND|SITE|SOURCE_DIRECTORY|SUBMIT_URL|SVN_COMMAND|SVN_OPTIONS|SVN_UPDATE_OPTIONS|TEST_LOAD|TEST_TIMEOUT|TRIGGER_SITE|UPDATE_COMMAND|UPDATE_OPTIONS|UPDATE_VERSION_ONLY|USE_LAUNCHERS)|CYGWIN|ENV|EXECUTABLE_OUTPUT_PATH|GHS-MULTI|IOS|LIBRARY_OUTPUT_PATH|MINGW|MSVC(?:10|11|12|14|60|70|71|80|90|_IDE|_TOOLSET_VERSION|_VERSION)?|MSYS|PROJECT_NAME|UNIX|WIN32|WINCE|WINDOWS_PHONE|WINDOWS_STORE|XCODE))\b/,property:/\b(?:cxx_\w+|(?:ARCHIVE_OUTPUT_(?:DIRECTORY|NAME)|COMPILE_DEFINITIONS|COMPILE_PDB_NAME|COMPILE_PDB_OUTPUT_DIRECTORY|EXCLUDE_FROM_DEFAULT_BUILD|IMPORTED_(?:IMPLIB|LIBNAME|LINK_DEPENDENT_LIBRARIES|LINK_INTERFACE_LANGUAGES|LINK_INTERFACE_LIBRARIES|LINK_INTERFACE_MULTIPLICITY|LOCATION|NO_SONAME|OBJECTS|SONAME)|INTERPROCEDURAL_OPTIMIZATION|LIBRARY_OUTPUT_DIRECTORY|LIBRARY_OUTPUT_NAME|LINK_FLAGS|LINK_INTERFACE_LIBRARIES|LINK_INTERFACE_MULTIPLICITY|LOCATION|MAP_IMPORTED_CONFIG|OSX_ARCHITECTURES|OUTPUT_NAME|PDB_NAME|PDB_OUTPUT_DIRECTORY|RUNTIME_OUTPUT_DIRECTORY|RUNTIME_OUTPUT_NAME|STATIC_LIBRARY_FLAGS|VS_CSHARP|VS_DOTNET_REFERENCEPROP|VS_DOTNET_REFERENCE|VS_GLOBAL_SECTION_POST|VS_GLOBAL_SECTION_PRE|VS_GLOBAL|XCODE_ATTRIBUTE)_\w+|\w+_(?:CLANG_TIDY|COMPILER_LAUNCHER|CPPCHECK|CPPLINT|INCLUDE_WHAT_YOU_USE|OUTPUT_NAME|POSTFIX|VISIBILITY_PRESET)|ABSTRACT|ADDITIONAL_MAKE_CLEAN_FILES|ADVANCED|ALIASED_TARGET|ALLOW_DUPLICATE_CUSTOM_TARGETS|ANDROID_(?:ANT_ADDITIONAL_OPTIONS|API|API_MIN|ARCH|ASSETS_DIRECTORIES|GUI|JAR_DEPENDENCIES|NATIVE_LIB_DEPENDENCIES|NATIVE_LIB_DIRECTORIES|PROCESS_MAX|PROGUARD|PROGUARD_CONFIG_PATH|SECURE_PROPS_PATH|SKIP_ANT_STEP|STL_TYPE)|ARCHIVE_OUTPUT_DIRECTORY|ATTACHED_FILES|ATTACHED_FILES_ON_FAIL|AUTOGEN_(?:BUILD_DIR|ORIGIN_DEPENDS|PARALLEL|SOURCE_GROUP|TARGETS_FOLDER|TARGET_DEPENDS)|AUTOMOC|AUTOMOC_(?:COMPILER_PREDEFINES|DEPEND_FILTERS|EXECUTABLE|MACRO_NAMES|MOC_OPTIONS|SOURCE_GROUP|TARGETS_FOLDER)|AUTORCC|AUTORCC_EXECUTABLE|AUTORCC_OPTIONS|AUTORCC_SOURCE_GROUP|AUTOUIC|AUTOUIC_EXECUTABLE|AUTOUIC_OPTIONS|AUTOUIC_SEARCH_PATHS|BINARY_DIR|BUILDSYSTEM_TARGETS|BUILD_RPATH|BUILD_RPATH_USE_ORIGIN|BUILD_WITH_INSTALL_NAME_DIR|BUILD_WITH_INSTALL_RPATH|BUNDLE|BUNDLE_EXTENSION|CACHE_VARIABLES|CLEAN_NO_CUSTOM|COMMON_LANGUAGE_RUNTIME|COMPATIBLE_INTERFACE_(?:BOOL|NUMBER_MAX|NUMBER_MIN|STRING)|COMPILE_(?:DEFINITIONS|FEATURES|FLAGS|OPTIONS|PDB_NAME|PDB_OUTPUT_DIRECTORY)|COST|CPACK_DESKTOP_SHORTCUTS|CPACK_NEVER_OVERWRITE|CPACK_PERMANENT|CPACK_STARTUP_SHORTCUTS|CPACK_START_MENU_SHORTCUTS|CPACK_WIX_ACL|CROSSCOMPILING_EMULATOR|CUDA_EXTENSIONS|CUDA_PTX_COMPILATION|CUDA_RESOLVE_DEVICE_SYMBOLS|CUDA_SEPARABLE_COMPILATION|CUDA_STANDARD|CUDA_STANDARD_REQUIRED|CXX_EXTENSIONS|CXX_STANDARD|CXX_STANDARD_REQUIRED|C_EXTENSIONS|C_STANDARD|C_STANDARD_REQUIRED|DEBUG_CONFIGURATIONS|DEFINE_SYMBOL|DEFINITIONS|DEPENDS|DEPLOYMENT_ADDITIONAL_FILES|DEPLOYMENT_REMOTE_DIRECTORY|DISABLED|DISABLED_FEATURES|ECLIPSE_EXTRA_CPROJECT_CONTENTS|ECLIPSE_EXTRA_NATURES|ENABLED_FEATURES|ENABLED_LANGUAGES|ENABLE_EXPORTS|ENVIRONMENT|EXCLUDE_FROM_ALL|EXCLUDE_FROM_DEFAULT_BUILD|EXPORT_NAME|EXPORT_PROPERTIES|EXTERNAL_OBJECT|EchoString|FAIL_REGULAR_EXPRESSION|FIND_LIBRARY_USE_LIB32_PATHS|FIND_LIBRARY_USE_LIB64_PATHS|FIND_LIBRARY_USE_LIBX32_PATHS|FIND_LIBRARY_USE_OPENBSD_VERSIONING|FIXTURES_CLEANUP|FIXTURES_REQUIRED|FIXTURES_SETUP|FOLDER|FRAMEWORK|Fortran_FORMAT|Fortran_MODULE_DIRECTORY|GENERATED|GENERATOR_FILE_NAME|GENERATOR_IS_MULTI_CONFIG|GHS_INTEGRITY_APP|GHS_NO_SOURCE_GROUP_FILE|GLOBAL_DEPENDS_DEBUG_MODE|GLOBAL_DEPENDS_NO_CYCLES|GNUtoMS|HAS_CXX|HEADER_FILE_ONLY|HELPSTRING|IMPLICIT_DEPENDS_INCLUDE_TRANSFORM|IMPORTED|IMPORTED_(?:COMMON_LANGUAGE_RUNTIME|CONFIGURATIONS|GLOBAL|IMPLIB|LIBNAME|LINK_DEPENDENT_LIBRARIES|LINK_INTERFACE_(?:LANGUAGES|LIBRARIES|MULTIPLICITY)|LOCATION|NO_SONAME|OBJECTS|SONAME)|IMPORT_PREFIX|IMPORT_SUFFIX|INCLUDE_DIRECTORIES|INCLUDE_REGULAR_EXPRESSION|INSTALL_NAME_DIR|INSTALL_RPATH|INSTALL_RPATH_USE_LINK_PATH|INTERFACE_(?:AUTOUIC_OPTIONS|COMPILE_DEFINITIONS|COMPILE_FEATURES|COMPILE_OPTIONS|INCLUDE_DIRECTORIES|LINK_DEPENDS|LINK_DIRECTORIES|LINK_LIBRARIES|LINK_OPTIONS|POSITION_INDEPENDENT_CODE|SOURCES|SYSTEM_INCLUDE_DIRECTORIES)|INTERPROCEDURAL_OPTIMIZATION|IN_TRY_COMPILE|IOS_INSTALL_COMBINED|JOB_POOLS|JOB_POOL_COMPILE|JOB_POOL_LINK|KEEP_EXTENSION|LABELS|LANGUAGE|LIBRARY_OUTPUT_DIRECTORY|LINKER_LANGUAGE|LINK_(?:DEPENDS|DEPENDS_NO_SHARED|DIRECTORIES|FLAGS|INTERFACE_LIBRARIES|INTERFACE_MULTIPLICITY|LIBRARIES|OPTIONS|SEARCH_END_STATIC|SEARCH_START_STATIC|WHAT_YOU_USE)|LISTFILE_STACK|LOCATION|MACOSX_BUNDLE|MACOSX_BUNDLE_INFO_PLIST|MACOSX_FRAMEWORK_INFO_PLIST|MACOSX_PACKAGE_LOCATION|MACOSX_RPATH|MACROS|MANUALLY_ADDED_DEPENDENCIES|MEASUREMENT|MODIFIED|NAME|NO_SONAME|NO_SYSTEM_FROM_IMPORTED|OBJECT_DEPENDS|OBJECT_OUTPUTS|OSX_ARCHITECTURES|OUTPUT_NAME|PACKAGES_FOUND|PACKAGES_NOT_FOUND|PARENT_DIRECTORY|PASS_REGULAR_EXPRESSION|PDB_NAME|PDB_OUTPUT_DIRECTORY|POSITION_INDEPENDENT_CODE|POST_INSTALL_SCRIPT|PREDEFINED_TARGETS_FOLDER|PREFIX|PRE_INSTALL_SCRIPT|PRIVATE_HEADER|PROCESSORS|PROCESSOR_AFFINITY|PROJECT_LABEL|PUBLIC_HEADER|REPORT_UNDEFINED_PROPERTIES|REQUIRED_FILES|RESOURCE|RESOURCE_LOCK|RULE_LAUNCH_COMPILE|RULE_LAUNCH_CUSTOM|RULE_LAUNCH_LINK|RULE_MESSAGES|RUNTIME_OUTPUT_DIRECTORY|RUN_SERIAL|SKIP_AUTOGEN|SKIP_AUTOMOC|SKIP_AUTORCC|SKIP_AUTOUIC|SKIP_BUILD_RPATH|SKIP_RETURN_CODE|SOURCES|SOURCE_DIR|SOVERSION|STATIC_LIBRARY_FLAGS|STATIC_LIBRARY_OPTIONS|STRINGS|SUBDIRECTORIES|SUFFIX|SYMBOLIC|TARGET_ARCHIVES_MAY_BE_SHARED_LIBS|TARGET_MESSAGES|TARGET_SUPPORTS_SHARED_LIBS|TESTS|TEST_INCLUDE_FILE|TEST_INCLUDE_FILES|TIMEOUT|TIMEOUT_AFTER_MATCH|TYPE|USE_FOLDERS|VALUE|VARIABLES|VERSION|VISIBILITY_INLINES_HIDDEN|VS_(?:CONFIGURATION_TYPE|COPY_TO_OUT_DIR|DEBUGGER_(?:COMMAND|COMMAND_ARGUMENTS|ENVIRONMENT|WORKING_DIRECTORY)|DEPLOYMENT_CONTENT|DEPLOYMENT_LOCATION|DOTNET_REFERENCES|DOTNET_REFERENCES_COPY_LOCAL|INCLUDE_IN_VSIX|IOT_STARTUP_TASK|KEYWORD|RESOURCE_GENERATOR|SCC_AUXPATH|SCC_LOCALPATH|SCC_PROJECTNAME|SCC_PROVIDER|SDK_REFERENCES|SHADER_(?:DISABLE_OPTIMIZATIONS|ENABLE_DEBUG|ENTRYPOINT|FLAGS|MODEL|OBJECT_FILE_NAME|OUTPUT_HEADER_FILE|TYPE|VARIABLE_NAME)|STARTUP_PROJECT|TOOL_OVERRIDE|USER_PROPS|WINRT_COMPONENT|WINRT_EXTENSIONS|WINRT_REFERENCES|XAML_TYPE)|WILL_FAIL|WIN32_EXECUTABLE|WINDOWS_EXPORT_ALL_SYMBOLS|WORKING_DIRECTORY|WRAP_EXCLUDE|XCODE_(?:EMIT_EFFECTIVE_PLATFORM_NAME|EXPLICIT_FILE_TYPE|FILE_ATTRIBUTES|LAST_KNOWN_FILE_TYPE|PRODUCT_TYPE|SCHEME_(?:ADDRESS_SANITIZER|ADDRESS_SANITIZER_USE_AFTER_RETURN|ARGUMENTS|DISABLE_MAIN_THREAD_CHECKER|DYNAMIC_LIBRARY_LOADS|DYNAMIC_LINKER_API_USAGE|ENVIRONMENT|EXECUTABLE|GUARD_MALLOC|MAIN_THREAD_CHECKER_STOP|MALLOC_GUARD_EDGES|MALLOC_SCRIBBLE|MALLOC_STACK|THREAD_SANITIZER(?:_STOP)?|UNDEFINED_BEHAVIOUR_SANITIZER(?:_STOP)?|ZOMBIE_OBJECTS))|XCTEST)\b/,keyword:/\b(?:add_compile_definitions|add_compile_options|add_custom_command|add_custom_target|add_definitions|add_dependencies|add_executable|add_library|add_link_options|add_subdirectory|add_test|aux_source_directory|break|build_command|build_name|cmake_host_system_information|cmake_minimum_required|cmake_parse_arguments|cmake_policy|configure_file|continue|create_test_sourcelist|ctest_build|ctest_configure|ctest_coverage|ctest_empty_binary_directory|ctest_memcheck|ctest_read_custom_files|ctest_run_script|ctest_sleep|ctest_start|ctest_submit|ctest_test|ctest_update|ctest_upload|define_property|else|elseif|enable_language|enable_testing|endforeach|endfunction|endif|endmacro|endwhile|exec_program|execute_process|export|export_library_dependencies|file|find_file|find_library|find_package|find_path|find_program|fltk_wrap_ui|foreach|function|get_cmake_property|get_directory_property|get_filename_component|get_property|get_source_file_property|get_target_property|get_test_property|if|include|include_directories|include_external_msproject|include_guard|include_regular_expression|install|install_files|install_programs|install_targets|link_directories|link_libraries|list|load_cache|load_command|macro|make_directory|mark_as_advanced|math|message|option|output_required_files|project|qt_wrap_cpp|qt_wrap_ui|remove|remove_definitions|return|separate_arguments|set|set_directory_properties|set_property|set_source_files_properties|set_target_properties|set_tests_properties|site_name|source_group|string|subdir_depends|subdirs|target_compile_definitions|target_compile_features|target_compile_options|target_include_directories|target_link_directories|target_link_libraries|target_link_options|target_sources|try_compile|try_run|unset|use_mangled_mesa|utility_source|variable_requires|variable_watch|while|write_file)(?=\s*\()\b/,boolean:/\b(?:FALSE|OFF|ON|TRUE)\b/,namespace:/\b(?:INTERFACE|PRIVATE|PROPERTIES|PUBLIC|SHARED|STATIC|TARGET_OBJECTS)\b/,operator:/\b(?:AND|DEFINED|EQUAL|GREATER|LESS|MATCHES|NOT|OR|STREQUAL|STRGREATER|STRLESS|VERSION_EQUAL|VERSION_GREATER|VERSION_LESS)\b/,inserted:{pattern:/\b\w+::\w+\b/,alias:"class-name"},number:/\b\d+(?:\.\d+)*\b/,function:/\b[a-z_]\w*(?=\s*\()\b/i,punctuation:/[()>}]|\$[<{]/}; -!function(e){var a,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:a={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=a,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var r={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},i={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:r,number:i,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:r,number:i})}(Prism); -Prism.languages.csv={value:/[^\r\n,"]+|"(?:[^"]|"")*"(?!")/,punctuation:/,/}; -!function(e){var n="(?:[ \t]+(?![ \t])(?:)?|)".replace(//g,(function(){return"\\\\[\r\n](?:\\s|\\\\[\r\n]|#.*(?!.))*(?![\\s#]|\\\\[\r\n])"})),r="\"(?:[^\"\\\\\r\n]|\\\\(?:\r\n|[^]))*\"|'(?:[^'\\\\\r\n]|\\\\(?:\r\n|[^]))*'",t="--[\\w-]+=(?:|(?![\"'])(?:[^\\s\\\\]|\\\\.)+)".replace(//g,(function(){return r})),o={pattern:RegExp(r),greedy:!0},i={pattern:/(^[ \t]*)#.*/m,lookbehind:!0,greedy:!0};function a(e,r){return e=e.replace(//g,(function(){return t})).replace(//g,(function(){return n})),RegExp(e,r)}e.languages.docker={instruction:{pattern:/(^[ \t]*)(?:ADD|ARG|CMD|COPY|ENTRYPOINT|ENV|EXPOSE|FROM|HEALTHCHECK|LABEL|MAINTAINER|ONBUILD|RUN|SHELL|STOPSIGNAL|USER|VOLUME|WORKDIR)(?=\s)(?:\\.|[^\r\n\\])*(?:\\$(?:\s|#.*$)*(?![\s#])(?:\\.|[^\r\n\\])*)*/im,lookbehind:!0,greedy:!0,inside:{options:{pattern:a("(^(?:ONBUILD)?\\w+)(?:)*","i"),lookbehind:!0,greedy:!0,inside:{property:{pattern:/(^|\s)--[\w-]+/,lookbehind:!0},string:[o,{pattern:/(=)(?!["'])(?:[^\s\\]|\\.)+/,lookbehind:!0}],operator:/\\$/m,punctuation:/=/}},keyword:[{pattern:a("(^(?:ONBUILD)?HEALTHCHECK(?:)*)(?:CMD|NONE)\\b","i"),lookbehind:!0,greedy:!0},{pattern:a("(^(?:ONBUILD)?FROM(?:)*(?!--)[^ \t\\\\]+)AS","i"),lookbehind:!0,greedy:!0},{pattern:a("(^ONBUILD)\\w+","i"),lookbehind:!0,greedy:!0},{pattern:/^\w+/,greedy:!0}],comment:i,string:o,variable:/\$(?:\w+|\{[^{}"'\\]*\})/,operator:/\\$/m}},comment:i},e.languages.dockerfile=e.languages.docker}(Prism); -Prism.languages.elixir={doc:{pattern:/@(?:doc|moduledoc)\s+(?:("""|''')[\s\S]*?\1|("|')(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2)/,inside:{attribute:/^@\w+/,string:/['"][\s\S]+/}},comment:{pattern:/#.*/,greedy:!0},regex:{pattern:/~[rR](?:("""|''')(?:\\[\s\S]|(?!\1)[^\\])+\1|([\/|"'])(?:\\.|(?!\2)[^\\\r\n])+\2|\((?:\\.|[^\\)\r\n])+\)|\[(?:\\.|[^\\\]\r\n])+\]|\{(?:\\.|[^\\}\r\n])+\}|<(?:\\.|[^\\>\r\n])+>)[uismxfr]*/,greedy:!0},string:[{pattern:/~[cCsSwW](?:("""|''')(?:\\[\s\S]|(?!\1)[^\\])+\1|([\/|"'])(?:\\.|(?!\2)[^\\\r\n])+\2|\((?:\\.|[^\\)\r\n])+\)|\[(?:\\.|[^\\\]\r\n])+\]|\{(?:\\.|#\{[^}]+\}|#(?!\{)|[^#\\}\r\n])+\}|<(?:\\.|[^\\>\r\n])+>)[csa]?/,greedy:!0,inside:{}},{pattern:/("""|''')[\s\S]*?\1/,greedy:!0,inside:{}},{pattern:/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0,inside:{}}],atom:{pattern:/(^|[^:]):\w+/,lookbehind:!0,alias:"symbol"},module:{pattern:/\b[A-Z]\w*\b/,alias:"class-name"},"attr-name":/\b\w+\??:(?!:)/,argument:{pattern:/(^|[^&])&\d+/,lookbehind:!0,alias:"variable"},attribute:{pattern:/@\w+/,alias:"variable"},function:/\b[_a-zA-Z]\w*[?!]?(?:(?=\s*(?:\.\s*)?\()|(?=\/\d))/,number:/\b(?:0[box][a-f\d_]+|\d[\d_]*)(?:\.[\d_]+)?(?:e[+-]?[\d_]+)?\b/i,keyword:/\b(?:after|alias|and|case|catch|cond|def(?:callback|delegate|exception|impl|macro|module|n|np|p|protocol|struct)?|do|else|end|fn|for|if|import|not|or|quote|raise|require|rescue|try|unless|unquote|use|when)\b/,boolean:/\b(?:false|nil|true)\b/,operator:[/\bin\b|&&?|\|[|>]?|\\\\|::|\.\.\.?|\+\+?|-[->]?|<[-=>]|>=|!==?|\B!|=(?:==?|[>~])?|[*\/^]/,{pattern:/([^<])<(?!<)/,lookbehind:!0},{pattern:/([^>])>(?!>)/,lookbehind:!0}],punctuation:/<<|>>|[.,%\[\]{}()]/},Prism.languages.elixir.string.forEach((function(e){e.inside={interpolation:{pattern:/#\{[^}]+\}/,inside:{delimiter:{pattern:/^#\{|\}$/,alias:"punctuation"},rest:Prism.languages.elixir}}}})); -Prism.languages.elm={comment:/--.*|\{-[\s\S]*?-\}/,char:{pattern:/'(?:[^\\'\r\n]|\\(?:[abfnrtv\\']|\d+|x[0-9a-fA-F]+|u\{[0-9a-fA-F]+\}))'/,greedy:!0},string:[{pattern:/"""[\s\S]*?"""/,greedy:!0},{pattern:/"(?:[^\\"\r\n]|\\.)*"/,greedy:!0}],"import-statement":{pattern:/(^[\t ]*)import\s+[A-Z]\w*(?:\.[A-Z]\w*)*(?:\s+as\s+(?:[A-Z]\w*)(?:\.[A-Z]\w*)*)?(?:\s+exposing\s+)?/m,lookbehind:!0,inside:{keyword:/\b(?:as|exposing|import)\b/}},keyword:/\b(?:alias|as|case|else|exposing|if|in|infixl|infixr|let|module|of|then|type)\b/,builtin:/\b(?:abs|acos|always|asin|atan|atan2|ceiling|clamp|compare|cos|curry|degrees|e|flip|floor|fromPolar|identity|isInfinite|isNaN|logBase|max|min|negate|never|not|pi|radians|rem|round|sin|sqrt|tan|toFloat|toPolar|toString|truncate|turns|uncurry|xor)\b/,number:/\b(?:\d+(?:\.\d+)?(?:e[+-]?\d+)?|0x[0-9a-f]+)\b/i,operator:/\s\.\s|[+\-/*=.$<>:&|^?%#@~!]{2,}|[+\-/*=$<>:&|^?%#@~!]/,hvariable:/\b(?:[A-Z]\w*\.)*[a-z]\w*\b/,constant:/\b(?:[A-Z]\w*\.)*[A-Z]\w*\b/,punctuation:/[{}[\]|(),.:]/}; -Prism.languages.git={comment:/^#.*/m,deleted:/^[-–].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m}; -Prism.languages.go=Prism.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),Prism.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete Prism.languages.go["class-name"]; -Prism.languages["go-mod"]=Prism.languages["go-module"]={comment:{pattern:/\/\/.*/,greedy:!0},version:{pattern:/(^|[\s()[\],])v\d+\.\d+\.\d+(?:[+-][-+.\w]*)?(?![^\s()[\],])/,lookbehind:!0,alias:"number"},"go-version":{pattern:/((?:^|\s)go\s+)\d+(?:\.\d+){1,2}/,lookbehind:!0,alias:"number"},keyword:{pattern:/^([ \t]*)(?:exclude|go|module|replace|require|retract)\b/m,lookbehind:!0},operator:/=>/,punctuation:/[()[\],]/}; -Prism.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:Prism.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},Prism.hooks.add("after-tokenize",(function(n){if("graphql"===n.language)for(var t=n.tokens.filter((function(n){return"string"!=typeof n&&"comment"!==n.type&&"scalar"!==n.type})),e=0;e0)){var s=f(/^\{$/,/^\}$/);if(-1===s)continue;for(var u=e;u=0&&b(p,"variable-input")}}}}function l(n){return t[e+n]}function c(n,t){t=t||0;for(var e=0;e=o.length);u++){var g=i[u];if("string"==typeof g||g.content&&"string"==typeof g.content){var l=o[r],s=t.tokenStack[l],f="string"==typeof g?g:g.content,p=n(a,l),k=f.indexOf(p);if(k>-1){++r;var m=f.substring(0,k),d=new e.Token(a,e.tokenize(s,t.grammar),"language-"+a,s),h=f.substring(k+p.length),v=[];m&&v.push.apply(v,c([m])),v.push(d),h&&v.push.apply(v,c([h])),"string"==typeof g?i.splice.apply(i,[u,1].concat(v)):g.content=v}}else g.content&&c(g.content)}return i}(t.tokens)}}}})}(Prism); -!function(a){a.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},a.hooks.add("before-tokenize",(function(e){a.languages["markup-templating"].buildPlaceholders(e,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),a.hooks.add("after-tokenize",(function(e){a.languages["markup-templating"].tokenizePlaceholders(e,"handlebars")})),a.languages.hbs=a.languages.handlebars,a.languages.mustache=a.languages.handlebars}(Prism); -!function(e){var n=/\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record(?!\s*[(){}[\]<>=%~.:,;?+\-*/&|^])|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/,t="(?:[a-z]\\w*\\s*\\.\\s*)*(?:[A-Z]\\w*\\s*\\.\\s*)*",s={pattern:RegExp("(^|[^\\w.])"+t+"[A-Z](?:[\\d_A-Z]*[a-z]\\w*)?\\b"),lookbehind:!0,inside:{namespace:{pattern:/^[a-z]\w*(?:\s*\.\s*[a-z]\w*)*(?:\s*\.)?/,inside:{punctuation:/\./}},punctuation:/\./}};e.languages.java=e.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"/,lookbehind:!0,greedy:!0},"class-name":[s,{pattern:RegExp("(^|[^\\w.])"+t+"[A-Z]\\w*(?=\\s+\\w+\\s*[;,=()]|\\s*(?:\\[[\\s,]*\\]\\s*)?::\\s*new\\b)"),lookbehind:!0,inside:s.inside},{pattern:RegExp("(\\b(?:class|enum|extends|implements|instanceof|interface|new|record|throws)\\s+)"+t+"[A-Z]\\w*\\b"),lookbehind:!0,inside:s.inside}],keyword:n,function:[e.languages.clike.function,{pattern:/(::\s*)[a-z_]\w*/,lookbehind:!0}],number:/\b0b[01][01_]*L?\b|\b0x(?:\.[\da-f_p+-]+|[\da-f_]+(?:\.[\da-f_p+-]+)?)\b|(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?\d[\d_]*)?[dfl]?/i,operator:{pattern:/(^|[^.])(?:<<=?|>>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0},constant:/\b[A-Z][A-Z_\d]+\b/}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"},char:{pattern:/'(?:\\.|[^'\\\r\n]){1,6}'/,greedy:!0}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&))*>)*>)*>)*>/,inside:{"class-name":s,keyword:n,punctuation:/[<>(),.:]/,operator:/[?&|]/}},import:[{pattern:RegExp("(\\bimport\\s+)"+t+"(?:[A-Z]\\w*|\\*)(?=\\s*;)"),lookbehind:!0,inside:{namespace:s.inside.namespace,punctuation:/\./,operator:/\*/,"class-name":/\w+/}},{pattern:RegExp("(\\bimport\\s+static\\s+)"+t+"(?:\\w+|\\*)(?=\\s*;)"),lookbehind:!0,alias:"static",inside:{namespace:s.inside.namespace,static:/\b\w+$/,punctuation:/\./,operator:/\*/,"class-name":/\w+/}}],namespace:{pattern:RegExp("(\\b(?:exports|import(?:\\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\\s+)(?!)[a-z]\\w*(?:\\.[a-z]\\w*)*\\.?".replace(//g,(function(){return n.source}))),lookbehind:!0,inside:{punctuation:/\./}}})}(Prism); -!function(e){var a=/\/\*[\s\S]*?\*\/|\/\/.*|#(?!\[).*/,t=[{pattern:/\b(?:false|true)\b/i,alias:"boolean"},{pattern:/(::\s*)\b[a-z_]\w*\b(?!\s*\()/i,greedy:!0,lookbehind:!0},{pattern:/(\b(?:case|const)\s+)\b[a-z_]\w*(?=\s*[;=])/i,greedy:!0,lookbehind:!0},/\b(?:null)\b/i,/\b[A-Z_][A-Z0-9_]*\b(?!\s*\()/],i=/\b0b[01]+(?:_[01]+)*\b|\b0o[0-7]+(?:_[0-7]+)*\b|\b0x[\da-f]+(?:_[\da-f]+)*\b|(?:\b\d+(?:_\d+)*\.?(?:\d+(?:_\d+)*)?|\B\.\d+)(?:e[+-]?\d+)?/i,n=/|\?\?=?|\.{3}|\??->|[!=]=?=?|::|\*\*=?|--|\+\+|&&|\|\||<<|>>|[?~]|[/^|%*&<>.+-]=?/,s=/[{}\[\](),:;]/;e.languages.php={delimiter:{pattern:/\?>$|^<\?(?:php(?=\s)|=)?/i,alias:"important"},comment:a,variable:/\$+(?:\w+\b|(?=\{))/,package:{pattern:/(namespace\s+|use\s+(?:function\s+)?)(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,lookbehind:!0,inside:{punctuation:/\\/}},"class-name-definition":{pattern:/(\b(?:class|enum|interface|trait)\s+)\b[a-z_]\w*(?!\\)\b/i,lookbehind:!0,alias:"class-name"},"function-definition":{pattern:/(\bfunction\s+)[a-z_]\w*(?=\s*\()/i,lookbehind:!0,alias:"function"},keyword:[{pattern:/(\(\s*)\b(?:array|bool|boolean|float|int|integer|object|string)\b(?=\s*\))/i,alias:"type-casting",greedy:!0,lookbehind:!0},{pattern:/([(,?]\s*)\b(?:array(?!\s*\()|bool|callable|(?:false|null)(?=\s*\|)|float|int|iterable|mixed|object|self|static|string)\b(?=\s*\$)/i,alias:"type-hint",greedy:!0,lookbehind:!0},{pattern:/(\)\s*:\s*(?:\?\s*)?)\b(?:array(?!\s*\()|bool|callable|(?:false|null)(?=\s*\|)|float|int|iterable|mixed|never|object|self|static|string|void)\b/i,alias:"return-type",greedy:!0,lookbehind:!0},{pattern:/\b(?:array(?!\s*\()|bool|float|int|iterable|mixed|object|string|void)\b/i,alias:"type-declaration",greedy:!0},{pattern:/(\|\s*)(?:false|null)\b|\b(?:false|null)(?=\s*\|)/i,alias:"type-declaration",greedy:!0,lookbehind:!0},{pattern:/\b(?:parent|self|static)(?=\s*::)/i,alias:"static-context",greedy:!0},{pattern:/(\byield\s+)from\b/i,lookbehind:!0},/\bclass\b/i,{pattern:/((?:^|[^\s>:]|(?:^|[^-])>|(?:^|[^:]):)\s*)\b(?:abstract|and|array|as|break|callable|case|catch|clone|const|continue|declare|default|die|do|echo|else|elseif|empty|enddeclare|endfor|endforeach|endif|endswitch|endwhile|enum|eval|exit|extends|final|finally|fn|for|foreach|function|global|goto|if|implements|include|include_once|instanceof|insteadof|interface|isset|list|match|namespace|never|new|or|parent|print|private|protected|public|readonly|require|require_once|return|self|static|switch|throw|trait|try|unset|use|var|while|xor|yield|__halt_compiler)\b/i,lookbehind:!0}],"argument-name":{pattern:/([(,]\s*)\b[a-z_]\w*(?=\s*:(?!:))/i,lookbehind:!0},"class-name":[{pattern:/(\b(?:extends|implements|instanceof|new(?!\s+self|\s+static))\s+|\bcatch\s*\()\b[a-z_]\w*(?!\\)\b/i,greedy:!0,lookbehind:!0},{pattern:/(\|\s*)\b[a-z_]\w*(?!\\)\b/i,greedy:!0,lookbehind:!0},{pattern:/\b[a-z_]\w*(?!\\)\b(?=\s*\|)/i,greedy:!0},{pattern:/(\|\s*)(?:\\?\b[a-z_]\w*)+\b/i,alias:"class-name-fully-qualified",greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/(?:\\?\b[a-z_]\w*)+\b(?=\s*\|)/i,alias:"class-name-fully-qualified",greedy:!0,inside:{punctuation:/\\/}},{pattern:/(\b(?:extends|implements|instanceof|new(?!\s+self\b|\s+static\b))\s+|\bcatch\s*\()(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,alias:"class-name-fully-qualified",greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/\b[a-z_]\w*(?=\s*\$)/i,alias:"type-declaration",greedy:!0},{pattern:/(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,alias:["class-name-fully-qualified","type-declaration"],greedy:!0,inside:{punctuation:/\\/}},{pattern:/\b[a-z_]\w*(?=\s*::)/i,alias:"static-context",greedy:!0},{pattern:/(?:\\?\b[a-z_]\w*)+(?=\s*::)/i,alias:["class-name-fully-qualified","static-context"],greedy:!0,inside:{punctuation:/\\/}},{pattern:/([(,?]\s*)[a-z_]\w*(?=\s*\$)/i,alias:"type-hint",greedy:!0,lookbehind:!0},{pattern:/([(,?]\s*)(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,alias:["class-name-fully-qualified","type-hint"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/(\)\s*:\s*(?:\?\s*)?)\b[a-z_]\w*(?!\\)\b/i,alias:"return-type",greedy:!0,lookbehind:!0},{pattern:/(\)\s*:\s*(?:\?\s*)?)(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,alias:["class-name-fully-qualified","return-type"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}}],constant:t,function:{pattern:/(^|[^\\\w])\\?[a-z_](?:[\w\\]*\w)?(?=\s*\()/i,lookbehind:!0,inside:{punctuation:/\\/}},property:{pattern:/(->\s*)\w+/,lookbehind:!0},number:i,operator:n,punctuation:s};var l={pattern:/\{\$(?:\{(?:\{[^{}]+\}|[^{}]+)\}|[^{}])+\}|(^|[^\\{])\$+(?:\w+(?:\[[^\r\n\[\]]+\]|->\w+)?)/,lookbehind:!0,inside:e.languages.php},r=[{pattern:/<<<'([^']+)'[\r\n](?:.*[\r\n])*?\1;/,alias:"nowdoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<<'[^']+'|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<'?|[';]$/}}}},{pattern:/<<<(?:"([^"]+)"[\r\n](?:.*[\r\n])*?\1;|([a-z_]\w*)[\r\n](?:.*[\r\n])*?\2;)/i,alias:"heredoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<<(?:"[^"]+"|[a-z_]\w*)|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<"?|[";]$/}},interpolation:l}},{pattern:/`(?:\\[\s\S]|[^\\`])*`/,alias:"backtick-quoted-string",greedy:!0},{pattern:/'(?:\\[\s\S]|[^\\'])*'/,alias:"single-quoted-string",greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,alias:"double-quoted-string",greedy:!0,inside:{interpolation:l}}];e.languages.insertBefore("php","variable",{string:r,attribute:{pattern:/#\[(?:[^"'\/#]|\/(?![*/])|\/\/.*$|#(?!\[).*$|\/\*(?:[^*]|\*(?!\/))*\*\/|"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*')+\](?=\s*[a-z$#])/im,greedy:!0,inside:{"attribute-content":{pattern:/^(#\[)[\s\S]+(?=\]$)/,lookbehind:!0,inside:{comment:a,string:r,"attribute-class-name":[{pattern:/([^:]|^)\b[a-z_]\w*(?!\\)\b/i,alias:"class-name",greedy:!0,lookbehind:!0},{pattern:/([^:]|^)(?:\\?\b[a-z_]\w*)+/i,alias:["class-name","class-name-fully-qualified"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}}],constant:t,number:i,operator:n,punctuation:s}},delimiter:{pattern:/^#\[|\]$/,alias:"punctuation"}}}}),e.hooks.add("before-tokenize",(function(a){/<\?/.test(a.code)&&e.languages["markup-templating"].buildPlaceholders(a,"php",/<\?(?:[^"'/#]|\/(?![*/])|("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|(?:\/\/|#(?!\[))(?:[^?\n\r]|\?(?!>))*(?=$|\?>|[\r\n])|#\[|\/\*(?:[^*]|\*(?!\/))*(?:\*\/|$))*?(?:\?>|$)/g)})),e.hooks.add("after-tokenize",(function(a){e.languages["markup-templating"].tokenizePlaceholders(a,"php")}))}(Prism); -!function(a){var e=a.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(e,"addSupport",{value:function(e,n){"string"==typeof e&&(e=[e]),e.forEach((function(e){!function(e,n){var t="doc-comment",r=a.languages[e];if(r){var o=r[t];if(o||(o=(r=a.languages.insertBefore(e,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[t]),o instanceof RegExp&&(o=r[t]={pattern:o}),Array.isArray(o))for(var i=0,s=o.length;i/g,(function(){return"#\\s*\\w+(?:\\s*\\([^()]*\\))?"}));a.languages.javadoc=a.languages.extend("javadoclike",{}),a.languages.insertBefore("javadoc","keyword",{reference:{pattern:RegExp("(@(?:exception|link|linkplain|see|throws|value)\\s+(?:\\*\\s*)?)(?:"+n+")"),lookbehind:!0,inside:{function:{pattern:/(#\s*)\w+(?=\s*\()/,lookbehind:!0},field:{pattern:/(#\s*)\w+/,lookbehind:!0},namespace:{pattern:/\b(?:[a-z]\w*\s*\.\s*)+/,inside:{punctuation:/\./}},"class-name":/\b[A-Z]\w*/,keyword:a.languages.java.keyword,punctuation:/[#()[\],.]/}},"class-name":{pattern:/(@param\s+)<[A-Z]\w*>/,lookbehind:!0,inside:{punctuation:/[.<>]/}},"code-section":[{pattern:/(\{@code\s+(?!\s))(?:[^\s{}]|\s+(?![\s}])|\{(?:[^{}]|\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})*\})*\})+(?=\s*\})/,lookbehind:!0,inside:{code:{pattern:e,lookbehind:!0,inside:a.languages.java,alias:"language-java"}}},{pattern:/(<(code|pre|tt)>(?!)\s*)\S(?:\S|\s+\S)*?(?=\s*<\/\2>)/,lookbehind:!0,inside:{line:{pattern:e,lookbehind:!0,inside:{tag:a.languages.markup.tag,entity:a.languages.markup.entity,code:{pattern:/.+/,inside:a.languages.java,alias:"language-java"}}}}}],tag:a.languages.markup.tag,entity:a.languages.markup.entity}),a.languages.javadoclike.addSupport("java",a.languages.javadoc)}(Prism); -Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json; -!function(n){var e=/("|')(?:\\(?:\r\n?|\n|.)|(?!\1)[^\\\r\n])*\1/;n.languages.json5=n.languages.extend("json",{property:[{pattern:RegExp(e.source+"(?=\\s*:)"),greedy:!0},{pattern:/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/,alias:"unquoted"}],string:{pattern:e,greedy:!0},number:/[+-]?\b(?:NaN|Infinity|0x[a-fA-F\d]+)\b|[+-]?(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[eE][+-]?\d+\b)?/})}(Prism); -Prism.languages.jsonp=Prism.languages.extend("json",{punctuation:/[{}[\]();,.]/}),Prism.languages.insertBefore("jsonp","punctuation",{function:/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*\()/}); -Prism.languages.log={string:{pattern:/"(?:[^"\\\r\n]|\\.)*"|'(?![st] | \w)(?:[^'\\\r\n]|\\.)*'/,greedy:!0},exception:{pattern:/(^|[^\w.])[a-z][\w.]*(?:Error|Exception):.*(?:(?:\r\n?|\n)[ \t]*(?:at[ \t].+|\.{3}.*|Caused by:.*))+(?:(?:\r\n?|\n)[ \t]*\.\.\. .*)?/,lookbehind:!0,greedy:!0,alias:["javastacktrace","language-javastacktrace"],inside:Prism.languages.javastacktrace||{keyword:/\bat\b/,function:/[a-z_][\w$]*(?=\()/,punctuation:/[.:()]/}},level:[{pattern:/\b(?:ALERT|CRIT|CRITICAL|EMERG|EMERGENCY|ERR|ERROR|FAILURE|FATAL|SEVERE)\b/,alias:["error","important"]},{pattern:/\b(?:WARN|WARNING|WRN)\b/,alias:["warning","important"]},{pattern:/\b(?:DISPLAY|INF|INFO|NOTICE|STATUS)\b/,alias:["info","keyword"]},{pattern:/\b(?:DBG|DEBUG|FINE)\b/,alias:["debug","keyword"]},{pattern:/\b(?:FINER|FINEST|TRACE|TRC|VERBOSE|VRB)\b/,alias:["trace","comment"]}],property:{pattern:/((?:^|[\]|])[ \t]*)[a-z_](?:[\w-]|\b\/\b)*(?:[. ]\(?\w(?:[\w-]|\b\/\b)*\)?)*:(?=\s)/im,lookbehind:!0},separator:{pattern:/(^|[^-+])-{3,}|={3,}|\*{3,}|- - /m,lookbehind:!0,alias:"comment"},url:/\b(?:file|ftp|https?):\/\/[^\s|,;'"]*[^\s|,;'">.]/,email:{pattern:/(^|\s)[-\w+.]+@[a-z][a-z0-9-]*(?:\.[a-z][a-z0-9-]*)+(?=\s)/,lookbehind:!0,alias:"url"},"ip-address":{pattern:/\b(?:\d{1,3}(?:\.\d{1,3}){3})\b/,alias:"constant"},"mac-address":{pattern:/\b[a-f0-9]{2}(?::[a-f0-9]{2}){5}\b/i,alias:"constant"},domain:{pattern:/(^|\s)[a-z][a-z0-9-]*(?:\.[a-z][a-z0-9-]*)*\.[a-z][a-z0-9-]+(?=\s)/,lookbehind:!0,alias:"constant"},uuid:{pattern:/\b[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}\b/i,alias:"constant"},hash:{pattern:/\b(?:[a-f0-9]{32}){1,2}\b/i,alias:"constant"},"file-path":{pattern:/\b[a-z]:[\\/][^\s|,;:(){}\[\]"']+|(^|[\s:\[\](>|])\.{0,2}\/\w[^\s|,;:(){}\[\]"']*/i,lookbehind:!0,greedy:!0,alias:"string"},date:{pattern:RegExp("\\b\\d{4}[-/]\\d{2}[-/]\\d{2}(?:T(?=\\d{1,2}:)|(?=\\s\\d{1,2}:))|\\b\\d{1,4}[-/ ](?:\\d{1,2}|Apr|Aug|Dec|Feb|Jan|Jul|Jun|Mar|May|Nov|Oct|Sep)[-/ ]\\d{2,4}T?\\b|\\b(?:(?:Fri|Mon|Sat|Sun|Thu|Tue|Wed)(?:\\s{1,2}(?:Apr|Aug|Dec|Feb|Jan|Jul|Jun|Mar|May|Nov|Oct|Sep))?|Apr|Aug|Dec|Feb|Jan|Jul|Jun|Mar|May|Nov|Oct|Sep)\\s{1,2}\\d{1,2}\\b","i"),alias:"number"},time:{pattern:/\b\d{1,2}:\d{1,2}:\d{1,2}(?:[.,:]\d+)?(?:\s?[+-]\d{2}:?\d{2}|Z)?\b/,alias:"number"},boolean:/\b(?:false|null|true)\b/i,number:{pattern:/(^|[^.\w])(?:0x[a-f0-9]+|0o[0-7]+|0b[01]+|v?\d[\da-f]*(?:\.\d+)*(?:e[+-]?\d+)?[a-z]{0,3}\b)\b(?!\.\w)/i,lookbehind:!0},operator:/[;:?<=>~/@!$%&+\-|^(){}*#]/,punctuation:/[\[\].,]/}; -Prism.languages.makefile={comment:{pattern:/(^|[^\\])#(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*/,lookbehind:!0},string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"builtin-target":{pattern:/\.[A-Z][^:#=\s]+(?=\s*:(?!=))/,alias:"builtin"},target:{pattern:/^(?:[^:=\s]|[ \t]+(?![\s:]))+(?=\s*:(?!=))/m,alias:"symbol",inside:{variable:/\$+(?:(?!\$)[^(){}:#=\s]+|(?=[({]))/}},variable:/\$+(?:(?!\$)[^(){}:#=\s]+|\([@*%<^+?][DF]\)|(?=[({]))/,keyword:/-include\b|\b(?:define|else|endef|endif|export|ifn?def|ifn?eq|include|override|private|sinclude|undefine|unexport|vpath)\b/,function:{pattern:/(\()(?:abspath|addsuffix|and|basename|call|dir|error|eval|file|filter(?:-out)?|findstring|firstword|flavor|foreach|guile|if|info|join|lastword|load|notdir|or|origin|patsubst|realpath|shell|sort|strip|subst|suffix|value|warning|wildcard|word(?:list|s)?)(?=[ \t])/,lookbehind:!0},operator:/(?:::|[?:+!])?=|[|@]/,punctuation:/[:;(){}]/}; -!function(n){function e(n){return n=n.replace(//g,(function(){return"(?:\\\\.|[^\\\\\n\r]|(?:\n|\r\n?)(?![\r\n]))"})),RegExp("((?:^|[^\\\\])(?:\\\\{2})*)(?:"+n+")")}var t="(?:\\\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\\\|\r\n`])+",a="\\|?__(?:\\|__)+\\|?(?:(?:\n|\r\n?)|(?![^]))".replace(/__/g,(function(){return t})),i="\\|?[ \t]*:?-{3,}:?[ \t]*(?:\\|[ \t]*:?-{3,}:?[ \t]*)+\\|?(?:\n|\r\n?)";n.languages.markdown=n.languages.extend("markup",{}),n.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:n.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+a+i+"(?:"+a+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+a+i+")(?:"+a+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(t),inside:n.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+a+")"+i+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+a+"$"),inside:{"table-header":{pattern:RegExp(t),alias:"important",inside:n.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:e("\\b__(?:(?!_)|_(?:(?!_))+_)+__\\b|\\*\\*(?:(?!\\*)|\\*(?:(?!\\*))+\\*)+\\*\\*"),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:e("\\b_(?:(?!_)|__(?:(?!_))+__)+_\\b|\\*(?:(?!\\*)|\\*\\*(?:(?!\\*))+\\*\\*)+\\*"),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:e("(~~?)(?:(?!~))+\\2"),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:e('!?\\[(?:(?!\\]))+\\](?:\\([^\\s)]+(?:[\t ]+"(?:\\\\.|[^"\\\\])*")?\\)|[ \t]?\\[(?:(?!\\]))+\\])'),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(e){["url","bold","italic","strike","code-snippet"].forEach((function(t){e!==t&&(n.languages.markdown[e].inside.content.inside[t]=n.languages.markdown[t])}))})),n.hooks.add("after-tokenize",(function(n){"markdown"!==n.language&&"md"!==n.language||function n(e){if(e&&"string"!=typeof e)for(var t=0,a=e.length;t",quot:'"'},l=String.fromCodePoint||String.fromCharCode;n.languages.md=n.languages.markdown}(Prism); -Prism.languages.matlab={comment:[/%\{[\s\S]*?\}%/,/%.+/],string:{pattern:/\B'(?:''|[^'\r\n])*'/,greedy:!0},number:/(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[eE][+-]?\d+)?(?:[ij])?|\b[ij]\b/,keyword:/\b(?:NaN|break|case|catch|continue|else|elseif|end|for|function|if|inf|otherwise|parfor|pause|pi|return|switch|try|while)\b/,function:/\b(?!\d)\w+(?=\s*\()/,operator:/\.?[*^\/\\']|[+\-:@]|[<>=~]=?|&&?|\|\|?/,punctuation:/\.{3}|[.,;\[\](){}!]/}; -!function(a){var e="(?:\\b[a-zA-Z]\\w*|[|\\\\[\\]])+";a.languages.phpdoc=a.languages.extend("javadoclike",{parameter:{pattern:RegExp("(@(?:global|param|property(?:-read|-write)?|var)\\s+(?:"+e+"\\s+)?)\\$\\w+"),lookbehind:!0}}),a.languages.insertBefore("phpdoc","keyword",{"class-name":[{pattern:RegExp("(@(?:global|package|param|property(?:-read|-write)?|return|subpackage|throws|var)\\s+)"+e),lookbehind:!0,inside:{keyword:/\b(?:array|bool|boolean|callback|double|false|float|int|integer|mixed|null|object|resource|self|string|true|void)\b/,punctuation:/[|\\[\]()]/}}]}),a.languages.javadoclike.addSupport("php",a.languages.phpdoc)}(Prism); -Prism.languages.insertBefore("php","variable",{this:{pattern:/\$this\b/,alias:"keyword"},global:/\$(?:GLOBALS|HTTP_RAW_POST_DATA|_(?:COOKIE|ENV|FILES|GET|POST|REQUEST|SERVER|SESSION)|argc|argv|http_response_header|php_errormsg)\b/,scope:{pattern:/\b[\w\\]+::/,inside:{keyword:/\b(?:parent|self|static)\b/,punctuation:/::|\\/}}}); -!function(e){var i=e.languages.powershell={comment:[{pattern:/(^|[^`])<#[\s\S]*?#>/,lookbehind:!0},{pattern:/(^|[^`])#.*/,lookbehind:!0}],string:[{pattern:/"(?:`[\s\S]|[^`"])*"/,greedy:!0,inside:null},{pattern:/'(?:[^']|'')*'/,greedy:!0}],namespace:/\[[a-z](?:\[(?:\[[^\]]*\]|[^\[\]])*\]|[^\[\]])*\]/i,boolean:/\$(?:false|true)\b/i,variable:/\$\w+\b/,function:[/\b(?:Add|Approve|Assert|Backup|Block|Checkpoint|Clear|Close|Compare|Complete|Compress|Confirm|Connect|Convert|ConvertFrom|ConvertTo|Copy|Debug|Deny|Disable|Disconnect|Dismount|Edit|Enable|Enter|Exit|Expand|Export|Find|ForEach|Format|Get|Grant|Group|Hide|Import|Initialize|Install|Invoke|Join|Limit|Lock|Measure|Merge|Move|New|Open|Optimize|Out|Ping|Pop|Protect|Publish|Push|Read|Receive|Redo|Register|Remove|Rename|Repair|Request|Reset|Resize|Resolve|Restart|Restore|Resume|Revoke|Save|Search|Select|Send|Set|Show|Skip|Sort|Split|Start|Step|Stop|Submit|Suspend|Switch|Sync|Tee|Test|Trace|Unblock|Undo|Uninstall|Unlock|Unprotect|Unpublish|Unregister|Update|Use|Wait|Watch|Where|Write)-[a-z]+\b/i,/\b(?:ac|cat|chdir|clc|cli|clp|clv|compare|copy|cp|cpi|cpp|cvpa|dbp|del|diff|dir|ebp|echo|epal|epcsv|epsn|erase|fc|fl|ft|fw|gal|gbp|gc|gci|gcs|gdr|gi|gl|gm|gp|gps|group|gsv|gu|gv|gwmi|iex|ii|ipal|ipcsv|ipsn|irm|iwmi|iwr|kill|lp|ls|measure|mi|mount|move|mp|mv|nal|ndr|ni|nv|ogv|popd|ps|pushd|pwd|rbp|rd|rdr|ren|ri|rm|rmdir|rni|rnp|rp|rv|rvpa|rwmi|sal|saps|sasv|sbp|sc|select|set|shcm|si|sl|sleep|sls|sort|sp|spps|spsv|start|sv|swmi|tee|trcm|type|write)\b/i],keyword:/\b(?:Begin|Break|Catch|Class|Continue|Data|Define|Do|DynamicParam|Else|ElseIf|End|Exit|Filter|Finally|For|ForEach|From|Function|If|InlineScript|Parallel|Param|Process|Return|Sequence|Switch|Throw|Trap|Try|Until|Using|Var|While|Workflow)\b/i,operator:{pattern:/(^|\W)(?:!|-(?:b?(?:and|x?or)|as|(?:Not)?(?:Contains|In|Like|Match)|eq|ge|gt|is(?:Not)?|Join|le|lt|ne|not|Replace|sh[lr])\b|-[-=]?|\+[+=]?|[*\/%]=?)/i,lookbehind:!0},punctuation:/[|{}[\];(),.]/};i.string[0].inside={function:{pattern:/(^|[^`])\$\((?:\$\([^\r\n()]*\)|(?!\$\()[^\r\n)])*\)/,lookbehind:!0,inside:i},boolean:i.boolean,variable:i.variable}}(Prism); -Prism.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},Prism.languages.python["string-interpolation"].inside.interpolation.inside.rest=Prism.languages.python,Prism.languages.py=Prism.languages.python; -!function(e){for(var r="(?:[^\\\\()[\\]{}\"'/]||/(?![*/])||\\(*\\)|\\[*\\]|\\{*\\}|\\\\[^])".replace(//g,(function(){return"\"(?:\\\\.|[^\\\\\"\r\n])*\"|'(?:\\\\.|[^\\\\'\r\n])*'"})).replace(//g,(function(){return"//.*(?!.)|/\\*(?:[^*]|\\*(?!/))*\\*/"})),t=0;t<2;t++)r=r.replace(//g,(function(){return r}));r=r.replace(//g,"[^\\s\\S]"),e.languages.qml={comment:{pattern:/\/\/.*|\/\*[\s\S]*?\*\//,greedy:!0},"javascript-function":{pattern:RegExp("((?:^|;)[ \t]*)function\\s+(?!\\s)[_$a-zA-Z\\xA0-\\uFFFF](?:(?!\\s)[$\\w\\xA0-\\uFFFF])*\\s*\\(*\\)\\s*\\{*\\}".replace(//g,(function(){return r})),"m"),lookbehind:!0,greedy:!0,alias:"language-javascript",inside:e.languages.javascript},"class-name":{pattern:/((?:^|[:;])[ \t]*)(?!\d)\w+(?=[ \t]*\{|[ \t]+on\b)/m,lookbehind:!0},property:[{pattern:/((?:^|[;{])[ \t]*)(?!\d)\w+(?:\.\w+)*(?=[ \t]*:)/m,lookbehind:!0},{pattern:/((?:^|[;{])[ \t]*)property[ \t]+(?!\d)\w+(?:\.\w+)*[ \t]+(?!\d)\w+(?:\.\w+)*(?=[ \t]*:)/m,lookbehind:!0,inside:{keyword:/^property/,property:/\w+(?:\.\w+)*/}}],"javascript-expression":{pattern:RegExp("(:[ \t]*)(?![\\s;}[])(?:(?!$|[;}]))+".replace(//g,(function(){return r})),"m"),lookbehind:!0,greedy:!0,alias:"language-javascript",inside:e.languages.javascript},string:{pattern:/"(?:\\.|[^\\"\r\n])*"/,greedy:!0},keyword:/\b(?:as|import|on)\b/,punctuation:/[{}[\]:;,]/}}(Prism); -Prism.languages.r={comment:/#.*/,string:{pattern:/(['"])(?:\\.|(?!\1)[^\\\r\n])*\1/,greedy:!0},"percent-operator":{pattern:/%[^%\s]*%/,alias:"operator"},boolean:/\b(?:FALSE|TRUE)\b/,ellipsis:/\.\.(?:\.|\d+)/,number:[/\b(?:Inf|NaN)\b/,/(?:\b0x[\dA-Fa-f]+(?:\.\d*)?|\b\d+(?:\.\d*)?|\B\.\d+)(?:[EePp][+-]?\d+)?[iL]?/],keyword:/\b(?:NA|NA_character_|NA_complex_|NA_integer_|NA_real_|NULL|break|else|for|function|if|in|next|repeat|while)\b/,operator:/->?>?|<(?:=|=!]=?|::?|&&?|\|\|?|[+*\/^$@~]/,punctuation:/[(){}\[\],;]/}; -Prism.languages.rest={table:[{pattern:/(^[\t ]*)(?:\+[=-]+)+\+(?:\r?\n|\r)(?:\1[+|].+[+|](?:\r?\n|\r))+\1(?:\+[=-]+)+\+/m,lookbehind:!0,inside:{punctuation:/\||(?:\+[=-]+)+\+/}},{pattern:/(^[\t ]*)=+ [ =]*=(?:(?:\r?\n|\r)\1.+)+(?:\r?\n|\r)\1=+ [ =]*=(?=(?:\r?\n|\r){2}|\s*$)/m,lookbehind:!0,inside:{punctuation:/[=-]+/}}],"substitution-def":{pattern:/(^[\t ]*\.\. )\|(?:[^|\s](?:[^|]*[^|\s])?)\| [^:]+::/m,lookbehind:!0,inside:{substitution:{pattern:/^\|(?:[^|\s]|[^|\s][^|]*[^|\s])\|/,alias:"attr-value",inside:{punctuation:/^\||\|$/}},directive:{pattern:/( )(?! )[^:]+::/,lookbehind:!0,alias:"function",inside:{punctuation:/::$/}}}},"link-target":[{pattern:/(^[\t ]*\.\. )\[[^\]]+\]/m,lookbehind:!0,alias:"string",inside:{punctuation:/^\[|\]$/}},{pattern:/(^[\t ]*\.\. )_(?:`[^`]+`|(?:[^:\\]|\\.)+):/m,lookbehind:!0,alias:"string",inside:{punctuation:/^_|:$/}}],directive:{pattern:/(^[\t ]*\.\. )[^:]+::/m,lookbehind:!0,alias:"function",inside:{punctuation:/::$/}},comment:{pattern:/(^[\t ]*\.\.)(?:(?: .+)?(?:(?:\r?\n|\r).+)+| .+)(?=(?:\r?\n|\r){2}|$)/m,lookbehind:!0},title:[{pattern:/^(([!"#$%&'()*+,\-.\/:;<=>?@\[\\\]^_`{|}~])\2+)(?:\r?\n|\r).+(?:\r?\n|\r)\1$/m,inside:{punctuation:/^[!"#$%&'()*+,\-.\/:;<=>?@\[\\\]^_`{|}~]+|[!"#$%&'()*+,\-.\/:;<=>?@\[\\\]^_`{|}~]+$/,important:/.+/}},{pattern:/(^|(?:\r?\n|\r){2}).+(?:\r?\n|\r)([!"#$%&'()*+,\-.\/:;<=>?@\[\\\]^_`{|}~])\2+(?=\r?\n|\r|$)/,lookbehind:!0,inside:{punctuation:/[!"#$%&'()*+,\-.\/:;<=>?@\[\\\]^_`{|}~]+$/,important:/.+/}}],hr:{pattern:/((?:\r?\n|\r){2})([!"#$%&'()*+,\-.\/:;<=>?@\[\\\]^_`{|}~])\2{3,}(?=(?:\r?\n|\r){2})/,lookbehind:!0,alias:"punctuation"},field:{pattern:/(^[\t ]*):[^:\r\n]+:(?= )/m,lookbehind:!0,alias:"attr-name"},"command-line-option":{pattern:/(^[\t ]*)(?:[+-][a-z\d]|(?:--|\/)[a-z\d-]+)(?:[ =](?:[a-z][\w-]*|<[^<>]+>))?(?:, (?:[+-][a-z\d]|(?:--|\/)[a-z\d-]+)(?:[ =](?:[a-z][\w-]*|<[^<>]+>))?)*(?=(?:\r?\n|\r)? {2,}\S)/im,lookbehind:!0,alias:"symbol"},"literal-block":{pattern:/::(?:\r?\n|\r){2}([ \t]+)(?![ \t]).+(?:(?:\r?\n|\r)\1.+)*/,inside:{"literal-block-punctuation":{pattern:/^::/,alias:"punctuation"}}},"quoted-literal-block":{pattern:/::(?:\r?\n|\r){2}([!"#$%&'()*+,\-.\/:;<=>?@\[\\\]^_`{|}~]).*(?:(?:\r?\n|\r)\1.*)*/,inside:{"literal-block-punctuation":{pattern:/^(?:::|([!"#$%&'()*+,\-.\/:;<=>?@\[\\\]^_`{|}~])\1*)/m,alias:"punctuation"}}},"list-bullet":{pattern:/(^[\t ]*)(?:[*+\-•‣⁃]|\(?(?:\d+|[a-z]|[ivxdclm]+)\)|(?:\d+|[a-z]|[ivxdclm]+)\.)(?= )/im,lookbehind:!0,alias:"punctuation"},"doctest-block":{pattern:/(^[\t ]*)>>> .+(?:(?:\r?\n|\r).+)*/m,lookbehind:!0,inside:{punctuation:/^>>>/}},inline:[{pattern:/(^|[\s\-:\/'"<(\[{])(?::[^:]+:`.*?`|`.*?`:[^:]+:|(\*\*?|``?|\|)(?!\s)(?:(?!\2).)*\S\2(?=[\s\-.,:;!?\\\/'")\]}]|$))/m,lookbehind:!0,inside:{bold:{pattern:/(^\*\*).+(?=\*\*$)/,lookbehind:!0},italic:{pattern:/(^\*).+(?=\*$)/,lookbehind:!0},"inline-literal":{pattern:/(^``).+(?=``$)/,lookbehind:!0,alias:"symbol"},role:{pattern:/^:[^:]+:|:[^:]+:$/,alias:"function",inside:{punctuation:/^:|:$/}},"interpreted-text":{pattern:/(^`).+(?=`$)/,lookbehind:!0,alias:"attr-value"},substitution:{pattern:/(^\|).+(?=\|$)/,lookbehind:!0,alias:"attr-value"},punctuation:/\*\*?|``?|\|/}}],link:[{pattern:/\[[^\[\]]+\]_(?=[\s\-.,:;!?\\\/'")\]}]|$)/,alias:"string",inside:{punctuation:/^\[|\]_$/}},{pattern:/(?:\b[a-z\d]+(?:[_.:+][a-z\d]+)*_?_|`[^`]+`_?_|_`[^`]+`)(?=[\s\-.,:;!?\\\/'")\]}]|$)/i,alias:"string",inside:{punctuation:/^_?`|`$|`?_?_$/}}],punctuation:{pattern:/(^[\t ]*)(?:\|(?= |$)|(?:---?|—|\.\.|__)(?= )|\.\.$)/m,lookbehind:!0}}; -Prism.languages.scss=Prism.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),Prism.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),Prism.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),Prism.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),Prism.languages.scss.atrule.inside.rest=Prism.languages.scss; -!function(s){var n=['"(?:\\\\[^]|\\$\\([^)]+\\)|\\$(?!\\()|`[^`]+`|[^"\\\\`$])*"',"'[^']*'","\\$'(?:[^'\\\\]|\\\\[^])*'","<<-?\\s*([\"']?)(\\w+)\\1\\s[^]*?[\r\n]\\2"].join("|");s.languages["shell-session"]={command:{pattern:RegExp('^(?:[^\\s@:$#%*!/\\\\]+@[^\r\n@:$#%*!/\\\\]+(?::[^\0-\\x1F$#%*?"<>:;|]+)?|[/~.][^\0-\\x1F$#%*?"<>@:;|]*)?[$#%](?=\\s)'+"(?:[^\\\\\r\n \t'\"<$]|[ \t](?:(?!#)|#.*$)|\\\\(?:[^\r]|\r\n?)|\\$(?!')|<(?!<)|<>)+".replace(/<>/g,(function(){return n})),"m"),greedy:!0,inside:{info:{pattern:/^[^#$%]+/,alias:"punctuation",inside:{user:/^[^\s@:$#%*!/\\]+@[^\r\n@:$#%*!/\\]+/,punctuation:/:/,path:/[\s\S]+/}},bash:{pattern:/(^[$#%]\s*)\S[\s\S]*/,lookbehind:!0,alias:"language-bash",inside:s.languages.bash},"shell-symbol":{pattern:/^[$#%]/,alias:"important"}}},output:/.(?:.*(?:[\r\n]|.$))*/},s.languages["sh-session"]=s.languages.shellsession=s.languages["shell-session"]}(Prism); -Prism.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/}; -Prism.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp('(^|[^"#])(?:"(?:\\\\(?:\\((?:[^()]|\\([^()]*\\))*\\)|\r\n|[^(])|[^\\\\\r\n"])*"|"""(?:\\\\(?:\\((?:[^()]|\\([^()]*\\))*\\)|[^(])|[^\\\\"]|"(?!""))*""")(?!["#])'),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp('(^|[^"#])(#+)(?:"(?:\\\\(?:#+\\((?:[^()]|\\([^()]*\\))*\\)|\r\n|[^#])|[^\\\\\r\n])*?"|"""(?:\\\\(?:#+\\((?:[^()]|\\([^()]*\\))*\\)|[^#])|[^\\\\])*?""")\\2'),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp("#(?:(?:elseif|if)\\b(?:[ \t]*(?:![ \t]*)?(?:\\b\\w+\\b(?:[ \t]*\\((?:[^()]|\\([^()]*\\))*\\))?|\\((?:[^()]|\\([^()]*\\))*\\))(?:[ \t]*(?:&&|\\|\\|))?)+|(?:else|endif)\\b)"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},Prism.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=Prism.languages.swift})); -!function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var s=e.languages.extend("typescript",{});delete s["class-name"],e.languages.typescript["class-name"].inside=s,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:s}}}}),e.languages.ts=e.languages.typescript}(Prism); -!function(a){function e(e,n){a.languages[e]&&a.languages.insertBefore(e,"comment",{"doc-comment":n})}var n=a.languages.markup.tag,t={pattern:/\/\/\/.*/,greedy:!0,alias:"comment",inside:{tag:n}},g={pattern:/'''.*/,greedy:!0,alias:"comment",inside:{tag:n}};e("csharp",t),e("fsharp",t),e("vbnet",g)}(Prism); -!function(e){var n=/[*&][^\s[\]{},]+/,r=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,t="(?:"+r.source+"(?:[ \t]+"+n.source+")?|"+n.source+"(?:[ \t]+"+r.source+")?)",a="(?:[^\\s\\x00-\\x08\\x0e-\\x1f!\"#%&'*,\\-:>?@[\\]`{|}\\x7f-\\x84\\x86-\\x9f\\ud800-\\udfff\\ufffe\\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*".replace(//g,(function(){return"[^\\s\\x00-\\x08\\x0e-\\x1f,[\\]{}\\x7f-\\x84\\x86-\\x9f\\ud800-\\udfff\\ufffe\\uffff]"})),d="\"(?:[^\"\\\\\r\n]|\\\\.)*\"|'(?:[^'\\\\\r\n]|\\\\.)*'";function o(e,n){n=(n||"").replace(/m/g,"")+"m";var r="([:\\-,[{]\\s*(?:\\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\\]|\\}|(?:[\r\n]\\s*)?#))".replace(/<>/g,(function(){return t})).replace(/<>/g,(function(){return e}));return RegExp(r,n)}e.languages.yaml={scalar:{pattern:RegExp("([\\-:]\\s*(?:\\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\\S[^\r\n]*(?:\\2[^\r\n]+)*)".replace(/<>/g,(function(){return t}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp("((?:^|[:\\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\\s*:\\s)".replace(/<>/g,(function(){return t})).replace(/<>/g,(function(){return"(?:"+a+"|"+d+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:o("\\d{4}-\\d\\d?-\\d\\d?(?:[tT]|[ \t]+)\\d\\d?:\\d{2}:\\d{2}(?:\\.\\d*)?(?:[ \t]*(?:Z|[-+]\\d\\d?(?::\\d{2})?))?|\\d{4}-\\d{2}-\\d{2}|\\d\\d?:\\d{2}(?::\\d{2}(?:\\.\\d*)?)?"),lookbehind:!0,alias:"number"},boolean:{pattern:o("false|true","i"),lookbehind:!0,alias:"important"},null:{pattern:o("null|~","i"),lookbehind:!0,alias:"important"},string:{pattern:o(d),lookbehind:!0,greedy:!0},number:{pattern:o("[+-]?(?:0x[\\da-f]+|0o[0-7]+|(?:\\d+(?:\\.\\d*)?|\\.\\d+)(?:e[+-]?\\d+)?|\\.inf|\\.nan)","i"),lookbehind:!0},tag:r,important:n,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(Prism); -!function(){if("undefined"!=typeof Prism&&"undefined"!=typeof document){var e="line-numbers",n=/\n(?!$)/g,t=Prism.plugins.lineNumbers={getLine:function(n,t){if("PRE"===n.tagName&&n.classList.contains(e)){var i=n.querySelector(".line-numbers-rows");if(i){var r=parseInt(n.getAttribute("data-start"),10)||1,s=r+(i.children.length-1);ts&&(t=s);var l=t-r;return i.children[l]}}},resize:function(e){r([e])},assumeViewportIndependence:!0},i=void 0;window.addEventListener("resize",(function(){t.assumeViewportIndependence&&i===window.innerWidth||(i=window.innerWidth,r(Array.prototype.slice.call(document.querySelectorAll("pre.line-numbers"))))})),Prism.hooks.add("complete",(function(t){if(t.code){var i=t.element,s=i.parentNode;if(s&&/pre/i.test(s.nodeName)&&!i.querySelector(".line-numbers-rows")&&Prism.util.isActive(i,e)){i.classList.remove(e),s.classList.add(e);var l,o=t.code.match(n),a=o?o.length+1:1,u=new Array(a+1).join("");(l=document.createElement("span")).setAttribute("aria-hidden","true"),l.className="line-numbers-rows",l.innerHTML=u,s.hasAttribute("data-start")&&(s.style.counterReset="linenumber "+(parseInt(s.getAttribute("data-start"),10)-1)),t.element.appendChild(l),r([s]),Prism.hooks.run("line-numbers",t)}}})),Prism.hooks.add("line-numbers",(function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0}))}function r(e){if(0!=(e=e.filter((function(e){var n,t=(n=e,n?window.getComputedStyle?getComputedStyle(n):n.currentStyle||null:null)["white-space"];return"pre-wrap"===t||"pre-line"===t}))).length){var t=e.map((function(e){var t=e.querySelector("code"),i=e.querySelector(".line-numbers-rows");if(t&&i){var r=e.querySelector(".line-numbers-sizer"),s=t.textContent.split(n);r||((r=document.createElement("span")).className="line-numbers-sizer",t.appendChild(r)),r.innerHTML="0",r.style.display="block";var l=r.getBoundingClientRect().height;return r.innerHTML="",{element:e,lines:s,lineHeights:[],oneLinerHeight:l,sizer:r}}})).filter(Boolean);t.forEach((function(e){var n=e.sizer,t=e.lines,i=e.lineHeights,r=e.oneLinerHeight;i[t.length-1]=void 0,t.forEach((function(e,t){if(e&&e.length>1){var s=n.appendChild(document.createElement("span"));s.style.display="block",s.textContent=e}else i[t]=r}))})),t.forEach((function(e){for(var n=e.sizer,t=e.lineHeights,i=0,r=0;r - - - -Created by potrace 1.14, written by Peter Selinger 2001-2017 - - - - - diff --git a/public/site.webmanifest b/public/site.webmanifest deleted file mode 100644 index f3d7f58..0000000 --- a/public/site.webmanifest +++ /dev/null @@ -1,19 +0,0 @@ -{ - "name": "Be My SpaceTime", - "short_name": "SpaceTime", - "icons": [ - { - "src": "/android-chrome-192x192.png", - "sizes": "192x192", - "type": "image/png" - }, - { - "src": "/android-chrome-512x512.png", - "sizes": "512x512", - "type": "image/png" - } - ], - "theme_color": "#ffffff", - "background_color": "#ffffff", - "display": "standalone" -} diff --git a/src/Base.elm b/src/Base.elm deleted file mode 100644 index e7c5c77..0000000 --- a/src/Base.elm +++ /dev/null @@ -1,31 +0,0 @@ -module Base exposing (contentUrlPrefix, urlPrefix, websiteBase) - -{-| The base URL for accessing the content for the site --} - - -contentBase : String -contentBase = - "https://raw.githubusercontent.com" - - -{-| The Github user name for the site --} -user : String -user = - "avinal" - - -urlPrefix : String -urlPrefix = - "avinal.github.io" - - -contentUrlPrefix : String -contentUrlPrefix = - contentBase ++ "/" ++ user ++ "/" ++ urlPrefix ++ "/main/content/" - - -websiteBase : String -websiteBase = - "https://avinal.space" diff --git a/src/Blog.elm b/src/Blog.elm deleted file mode 100644 index e8f2d31..0000000 --- a/src/Blog.elm +++ /dev/null @@ -1,414 +0,0 @@ -port module Blog exposing (..) - -import Base exposing (..) -import Html exposing (..) -import Html.Attributes exposing (class, datetime, href, id, src, style) -import Http exposing (Error(..)) -import Json.Decode as Json -import Url exposing (Protocol(..)) -import Yaml.Decode as Yaml - - - --- MODEL - - -type alias Model = - { blog : Maybe Blog - , requestUrl : String - , success : Bool - , fragment : String - , error : Maybe String - , bloglist : Maybe (List JsonMeta) - } - - - --- Blog Post - - -type alias Blog = - { meta : YamlMeta - , content : String - } - - -initialModel : Model -initialModel = - { blog = Nothing - , requestUrl = "" - , success = False - , fragment = "" - , error = Nothing - , bloglist = Nothing - } - - - --- PORT - - -port sendString : String -> Cmd msg - - - --- port isRenderComplete : (Bool -> msg) -> Sub msg - - -view : Model -> Html Msg -view model = - div [ class "foo-interface" ] - [ div [ class "foo-console foo-terminal foo-active" ] - [ div [ class "page-wrapper category-html document-page" ] - [ div [ class "main-wrapper" ] - [ main_ [ class "main-content", id "content" ] - [ case model.blog of - Just blog -> - case blog.meta.image of - Just image -> - img [ src image ] [] - - Nothing -> - text "" - - Nothing -> - text "" - , div [] (viewBlogList model) - , viewArticle model - ] - ] - ] - ] - ] - - -viewToc : Bool -> Html Msg -viewToc show = - if show then - div - [ class "toc" ] - [ aside [ class "document-toc-container" ] - [ section [ class "document-toc" ] - [ h2 [ class "document-toc-heading" ] - [ if show then - text "In this page" - - else - text "" - ] - , ul - [ class "document-toc-list", id "toc-entries" ] - [] - ] - ] - ] - - else - div [] [] - - -viewArticle : Model -> Html Msg -viewArticle model = - article - [ class "main-page-content" ] - [ div [ id "insert-here" ] [] - , viewMetadata model - ] - - -viewMetadata : Model -> Html Msg -viewMetadata model = - aside - [ class "metadata" - , style "display" - (if model.bloglist == Nothing && model.success then - "block" - - else - "none" - ) - ] - [ div [ class "metadata-content-container" ] - [ div [ class "on-github" ] - [ h3 [] [ text "Found a problem" ] - , ul [] - [ li [] - [ a - [ href - ("https://github.com/avinal/avinal.github.io/issues/new?title=blog:" - ++ (case model.blog of - Just blog -> - blog.meta.title - - Nothing -> - model.requestUrl - ) - ) - ] - [ text "Open an issue on ", i [ class "fa-brands fa-github" ] [] ] - ] - , li [] - [ a [ href "mailto:ripple+blog@avinal.space" ] - [ text "Contact me via email" ] - ] - ] - ] - ] - ] - - -viewBlogListItem : JsonMeta -> Html Msg -viewBlogListItem meta = - div [] - [ hr [] [] - , br [] [] - , div [ class "foo-term-story" ] - [ div [] - [ span [] - [ i [ class "fa-regular fa-clock" ] [ text " " ] - , time [ datetime meta.date ] [ text meta.date ] - , text " in " - , i [ class "fa-regular fa-folder-open" ] [ text " " ] - , a [ href ("/posts/" ++ meta.category) ] - [ text meta.category ] - ] - , h2 [] - [ a [ href ("/posts/" ++ meta.category ++ "/" ++ meta.slug) ] - [ text meta.title ] - ] - , p [] [ text meta.description ] - ] - ] - , br [] [] - ] - - -viewBlogList : Model -> List (Html Msg) -viewBlogList model = - case model.bloglist of - Just bloglist -> - h1 [] [ text "Blog" ] - :: List.map viewBlogListItem bloglist - - Nothing -> - [] - - -type Msg - = MdDataReceived (Result Http.Error String) - | JsonDataReceived (Result Http.Error (List JsonMeta)) - | NoSuchPage - - -{-| To maintain compatibility with old links - - Old links: - New links: - --} -removeHtmlSuffix : String -> String -removeHtmlSuffix slug = - if String.right 5 slug == ".html" then - String.dropRight 5 slug - - else - slug - - -init : List String -> ( Model, Cmd Msg ) -init pathList = - case pathList of - [ category, slug, fragment ] -> - let - requestUrl = - Base.contentUrlPrefix - ++ "posts/" - ++ category - ++ "/" - ++ removeHtmlSuffix slug - ++ ".md" - in - ( { initialModel - | requestUrl = requestUrl - , fragment = fragment - } - , getMarkdown requestUrl - ) - - [ category, slug ] -> - let - requestUrl = - Base.contentUrlPrefix - ++ "posts/" - ++ category - ++ "/" - ++ removeHtmlSuffix slug - ++ ".md" - in - ( { initialModel - | requestUrl = requestUrl - } - , getMarkdown requestUrl - ) - - -- [ category ] -> - -- let - -- requestUrl = - -- Base.contentUrlPrefix - -- ++ "posts/" - -- ++ category - -- ++ ".md" - -- in - -- ( { initialModel - -- | requestUrl = requestUrl - -- } - -- , getMarkdown requestUrl - -- ) - -- [ "categories" ] -> - -- ( { blog = Nothing - -- , requestUrl = urlPrefix ++ "/categories" ++ ".md" - -- , markDown = "" - -- , success = False - -- , fragment = "" - -- } - -- , getMarkdown (urlPrefix ++ "/categories" ++ ".md") - -- ) - [] -> - ( { initialModel | requestUrl = Base.contentUrlPrefix ++ "/posts/posts.json" } - , getPostLists (Base.contentUrlPrefix ++ "/posts/posts.json") - ) - - _ -> - ( initialModel, Cmd.none ) - - -type alias JsonMeta = - { title : String - , date : String - , description : String - , category : String - , slug : String - } - - -getPostLists : String -> Cmd Msg -getPostLists url = - Http.get - { url = url - , expect = Http.expectJson JsonDataReceived (Json.list jsonMetaDecoder) - } - - -jsonMetaDecoder : Json.Decoder JsonMeta -jsonMetaDecoder = - Json.map5 JsonMeta - (Json.field "title" Json.string) - (Json.field "date" Json.string) - (Json.field "description" Json.string) - (Json.field "category" Json.string) - (Json.field "slug" Json.string) - - -getMarkdown : String -> Cmd Msg -getMarkdown url = - Http.get - { url = url - , expect = Http.expectString MdDataReceived - } - - -update : Msg -> Model -> ( Model, Cmd Msg ) -update msg model = - case msg of - -- GetMarkdown -> - -- ( model, Http.get { url = model.requestUrl, expect = Http.expectString MdDataReceived } ) - MdDataReceived (Ok data) -> - case splitMetaContent data of - Ok blog -> - ( { model | blog = Just blog, success = True }, sendString blog.content ) - - Err err -> - ( { model | success = False, error = Just err }, Cmd.none ) - - MdDataReceived (Err err) -> - ( { model | success = False, error = Just (errorToString err) }, Cmd.none ) - - JsonDataReceived (Ok data) -> - ( { model | blog = Nothing, success = True, bloglist = Just data }, Cmd.none ) - - JsonDataReceived (Err err) -> - ( { model | success = False, error = Just (errorToString err) }, Cmd.none ) - - NoSuchPage -> - ( { model | success = False }, Cmd.none ) - - -errorToString : Http.Error -> String -errorToString error = - case error of - BadUrl url -> - "The URL " ++ url ++ " was invalid" - - Timeout -> - "Unable to reach the server, try again" - - NetworkError -> - "Unable to reach the server, check your network connection" - - BadStatus 500 -> - "The server had a problem, try again later" - - BadStatus 400 -> - "Verify your information and try again" - - BadStatus _ -> - "Unknown error" - - BadBody errorMessage -> - errorMessage - - -type alias YamlMeta = - { title : String - , date : String - , description : Maybe String - , tags : List String - , category : String - , image : Maybe String - , modified : Maybe String - } - - -splitMetaContent : String -> Result String Blog -splitMetaContent data = - let - headIndices : List Int - headIndices = - String.indices "---" data |> List.take 2 - - metadata = - String.slice ((Maybe.withDefault 0 <| List.head headIndices) + 3) - ((Maybe.withDefault 0 <| List.head <| List.reverse headIndices) - 1) - data - - content = - String.dropLeft ((Maybe.withDefault 0 <| List.head <| List.reverse headIndices) + 3) data - in - case Yaml.fromString metaDecoder metadata of - Ok meta -> - Ok { meta = meta, content = content } - - Err err -> - Err ("YAML front matter parsing failed: " ++ Yaml.errorToString err) - - -metaDecoder : Yaml.Decoder YamlMeta -metaDecoder = - Yaml.map7 YamlMeta - (Yaml.field "title" Yaml.string) - (Yaml.field "date" Yaml.string) - (Yaml.maybe (Yaml.field "description" Yaml.string)) - (Yaml.field "tags" (Yaml.list Yaml.string)) - (Yaml.field "category" Yaml.string) - (Yaml.maybe (Yaml.field "image" Yaml.string)) - (Yaml.maybe (Yaml.field "modified" Yaml.string)) diff --git a/src/Main.elm b/src/Main.elm deleted file mode 100644 index 59c4224..0000000 --- a/src/Main.elm +++ /dev/null @@ -1,312 +0,0 @@ -module Main exposing (main) - -import Base exposing (websiteBase) -import Blog as Blog -import Browser exposing (Document) -import Browser.Navigation as Nav -import Html exposing (Html, a, div, footer, header, img, li, text, ul) -import Html.Attributes exposing (class, href, src, target) -import Html.Lazy exposing (lazy) -import Splash as Splash -import Static as Static -import Terminal as Terminal -import Url exposing (Url) -import Url.Parser as Parser exposing ((), Parser, s) - - - ---MODEL - - -{-| Model design -Model -Page: Page that currently is active --} -type alias Model = - { page : Page - , title : String - , key : Nav.Key - , url : Url - } - - - --- PAGE - - -{-| Page designs - - BlogPage: Page design for blogs - TerminalPage: Page design for terminal - StaticPage: Page design for static pages - NotFound: Page design for 404 page - --} -type Page - = SplashPage Splash.Model - | BlogPage Blog.Model - | TerminalPage Terminal.Model - | StaticPage Static.Model - | NotFound - - - --- VIEW - - -view : Model -> Document Msg -view model = - let - content = - case model.page of - SplashPage splashModel -> - Splash.view splashModel - |> Html.map GotSplashMsg - - BlogPage blogs -> - Blog.view blogs - |> Html.map GotBlogMsg - - TerminalPage terminal -> - Terminal.view terminal - |> Html.map GotTerminalMsg - - StaticPage static -> - Static.view static - |> Html.map GotStaticMsg - - NotFound -> - Splash.view (Splash.notFound (Url.toString model.url)) - |> Html.map GotSplashMsg - in - { title = model.title - , body = - [ div [ class "foo-content" ] - [ lazy viewHeader model.page - , content - , lazy viewFooter model.page - ] - ] - } - - -type Msg - = GotSplashMsg Splash.Msg - | GotBlogMsg Blog.Msg - | GotTerminalMsg Terminal.Msg - | GotStaticMsg Static.Msg - | ChangeUrl Url - | ClickedLink Browser.UrlRequest - - -viewHeader : Page -> Html msg -viewHeader page = - let - headerContent = - case page of - SplashPage _ -> - div [] [] - - _ -> - header [ class "foo-logo" ] - [ img [ src "/website/logo-static.svg", target websiteBase ] - [] - ] - in - headerContent - - -viewFooter : Page -> Html msg -viewFooter page = - let - footerContent = - case page of - SplashPage _ -> - div [] [] - - _ -> - footer [ class "foo-footer" ] - [ ul [] - [ li [] [ a [ href websiteBase ] [ text "Home" ] ] - , li [] [ a [ href "https://avinal.space/pages/about-me" ] [ text "About me " ] ] - , li [] [ a [ href "https://avinal.space/posts" ] [ text "Blog" ] ] - , li [] [ a [ href "https://avinal.space/pages/projects" ] [ text "Projects" ] ] - , li [] [ a [ href "https://gsoc.avinal.space" ] [ text "GSoC" ] ] - ] - ] - in - footerContent - - -update : Msg -> Model -> ( Model, Cmd Msg ) -update msg model = - case msg of - GotSplashMsg splashMsg -> - case model.page of - SplashPage splash -> - toSplash model (Splash.update splashMsg splash) - - _ -> - ( model, Cmd.none ) - - GotBlogMsg blogMsg -> - case model.page of - BlogPage blogModel -> - let - title = - case blogModel.blog of - Just blog -> - blog.meta.title - - Nothing -> - "Blog" - in - toBlog - { model - | title = title ++ " | " ++ model.title - } - (Blog.update blogMsg blogModel) - - _ -> - ( model, Cmd.none ) - - GotTerminalMsg terminalMsg -> - case model.page of - TerminalPage terminal -> - toTerminal model (Terminal.update terminalMsg terminal) - - _ -> - ( model, Cmd.none ) - - GotStaticMsg staticMsg -> - case model.page of - StaticPage static -> - toStatic model (Static.update staticMsg static) - - _ -> - ( model, Cmd.none ) - - ChangeUrl url -> - updateUrl { model | url = url } - - ClickedLink urlRequest -> - case urlRequest of - Browser.Internal href -> - ( model, Nav.pushUrl model.key (Url.toString href) ) - - Browser.External url -> - ( model, Nav.load url ) - - -toSplash : Model -> ( Splash.Model, Cmd Splash.Msg ) -> ( Model, Cmd Msg ) -toSplash model ( splashModel, cmd ) = - ( { model | page = SplashPage splashModel }, Cmd.map GotSplashMsg cmd ) - - -toBlog : Model -> ( Blog.Model, Cmd Blog.Msg ) -> ( Model, Cmd Msg ) -toBlog model ( blogModel, cmd ) = - ( { model | page = BlogPage blogModel }, Cmd.map GotBlogMsg cmd ) - - -toTerminal : Model -> ( Terminal.Model, Cmd Terminal.Msg ) -> ( Model, Cmd Msg ) -toTerminal model ( terminalModel, cmd ) = - ( { model | page = TerminalPage terminalModel }, Cmd.map GotTerminalMsg cmd ) - - -toStatic : Model -> ( Static.Model, Cmd Static.Msg ) -> ( Model, Cmd Msg ) -toStatic model ( staticModel, cmd ) = - ( { model | page = StaticPage staticModel }, Cmd.map GotStaticMsg cmd ) - - -init : () -> Url -> Nav.Key -> ( Model, Cmd Msg ) -init _ url key = - updateUrl { url = url, page = NotFound, title = "Be My SpaceTime", key = key } - - - --- PARSER - - -type Route - = Splash - | Blog - | BlogPost String String (Maybe String) - | Terminal - | Static - - - --- | BlogPost String String - - -parser : Parser (Route -> a) a -parser = - Parser.oneOf - [ Parser.map Splash Parser.top - - -- , Parser.map Splash (s urlPrefix) - , Parser.map Blog (s "posts") - , Parser.map BlogPost (s "posts" Parser.string Parser.string Parser.fragment identity) - , Parser.map Static (s "pages") - , Parser.map Terminal (s "terminal") - ] - - -updateUrl : Model -> ( Model, Cmd Msg ) -updateUrl model = - case Parser.parse parser model.url of - Just Splash -> - Splash.init () False "" - |> toSplash model - - Just Blog -> - Blog.init [] - |> toBlog model - - Just (BlogPost category title fragment) -> - case fragment of - Just something -> - Blog.init [ category, title, something ] - |> toBlog model - - Nothing -> - Blog.init [ category, title ] - |> toBlog model - - Just Terminal -> - Terminal.init () - |> toTerminal model - - Just Static -> - Static.init () - |> toStatic model - - Nothing -> - Splash.init () True (Url.toString model.url) - |> toSplash model - - -subscriptions : Model -> Sub Msg -subscriptions model = - case model.page of - -- BlogPage blogModel -> - -- Blog.subscriptions blogModel - -- |> Sub.map GotBlogMsg - _ -> - Sub.none - - - --- ENTRYPOINT - - -main : Program () Model Msg -main = - Browser.application - { init = init - , view = view - , update = update - , subscriptions = subscriptions - , onUrlChange = ChangeUrl - , onUrlRequest = ClickedLink - } diff --git a/src/Splash.elm b/src/Splash.elm deleted file mode 100644 index 682d77f..0000000 --- a/src/Splash.elm +++ /dev/null @@ -1,101 +0,0 @@ -module Splash exposing (..) - -import Html exposing (Html, a, b, div, i, img, span, text) -import Html.Attributes exposing (alt, class, height, href, src, width) - - -type alias Model = - { support_message : Html Msg - , error_message : Html Msg - } - - -view : Model -> Html Msg -view model = - div [ class "foo-content" ] - [ div [ class "foo-error" ] - [ img - [ class "foo-error__logo" - , src "/website/logo-loading.svg" - , alt "Finding the SpaceTime" - , width 130 - , height 130 - ] - [] - , div [ class "foo-support__message" ] [ model.support_message ] - , div [ class "foo-error__message" ] [ model.error_message ] - , withSpacing (div [ class "foo-support__message" ]) - [ a [ href "https://avinal.space/pages/about-me" ] [ b [ class "foo-term-blue" ] [ text "A" ], text "bout" ] - , a [ href "https://avinal.space/posts" ] [ b [ class "foo-term-blue" ] [ text "B" ], text "log" ] - , a [ href "https://avinal.space/pages/projects" ] [ b [ class "foo-term-blue" ] [ text "P" ], text "rojects" ] - , a [ href "https://gsoc.avinal.space" ] [ b [ class "foo-term-blue" ] [ text "G" ], text "SoC" ] - ] - ] - ] - - -type Msg - = Nothing - - -{-| How to get whitespace between html tags? - - Link: - --} -withSpacing : (List (Html msg) -> Html msg) -> List (Html msg) -> Html msg -withSpacing element = - List.intersperse (text " ") >> element - - -notFound : String -> Model -notFound error = - { support_message = default.support_message - , error_message = - withSpacing (span []) - [ i [ class "fa-solid fa-triangle-exclamation foo-term-yellow" ] [] - , text "I could not find anything on this" - , i [ class "fa-solid fa-link foo-term-red" ] [] - , a [ href error ] [ text error ] - , text "If you think this is a mistake, please contact me." - , i [ class "fa-solid fa-triangle-exclamation foo-term-yellow" ] [] - ] - } - - -default : Model -default = - { support_message = - withSpacing (span []) - [ a [ href "https://github.com/avinal" ] [ i [ class "fa-brands fa-github" ] [] ] - , a [ href "https://www.linkedin.com/in/avinal" ] [ i [ class "fa-brands fa-linkedin" ] [] ] - , a [ href "https://instagram.com/avinal.k" ] [ i [ class "fa-brands fa-instagram" ] [] ] - , a [ href "https://meet.avinal.space" ] [ i [ class "fa-solid fa-calendar-days" ] [] ] - , a [ href "mailto:ripple+blog@avinal.space" ] [ i [ class "fa-solid fa-envelope" ] [] ] - , a [ href "https://avinal.space/terminal" ] [ i [ class "fa-solid fa-terminal" ] [] ] - ] - , error_message = - withSpacing (span []) - [ text "I'm" - , b [ class "foo-term-pink" ] [ text "Avinal" ] - , text "and I work at Red Hat" - , i [ class "fa-brands fa-redhat foo-term-red" ] [] - , text "as an Associate Software Engineer for Hybrid Cloud Engineering." - ] - } - - -update : Msg -> Model -> ( Model, Cmd Msg ) -update msg model = - case msg of - Nothing -> - ( model, Cmd.none ) - - -init : () -> Bool -> String -> ( Model, Cmd Msg ) -init _ isError error = - if isError then - ( notFound error, Cmd.none ) - - else - ( default, Cmd.none ) diff --git a/src/Static.elm b/src/Static.elm deleted file mode 100644 index 800c781..0000000 --- a/src/Static.elm +++ /dev/null @@ -1,36 +0,0 @@ -module Static exposing (..) - -import Html exposing (..) -import Html.Attributes exposing (..) - - -type alias Model = - { title : String - , url : String - } - - -view : Model -> Html Msg -view model = - div [] - [ h1 [] [ text model.title ] - , a [ href model.url ] [ text model.url ] - ] - - -type Msg - = NoOp - - -update : Msg -> Model -> ( Model, Cmd Msg ) -update msg model = - case msg of - NoOp -> - ( model, Cmd.none ) - - -init : () -> ( Model, Cmd Msg ) -init _ = - ( Model "Hello World" "http://elm-lang.org" - , Cmd.none - ) diff --git a/src/Terminal.elm b/src/Terminal.elm deleted file mode 100644 index e1d9e9a..0000000 --- a/src/Terminal.elm +++ /dev/null @@ -1,41 +0,0 @@ -module Terminal exposing (..) - -import Html exposing (..) -import Html.Attributes exposing (..) -import Html.Events exposing (..) - - -type alias Model = - { title : String - , url : String - } - - -view : Model -> Html Msg -view model = - div [] - [ h1 [] [ text model.title ] - , input [ placeholder "Enter URL", onInput UrlEntered ] [] - , button [ onClick Go ] [ text "Go" ] - , a [ href model.url ] [ text model.url ] - ] - - -type Msg - = UrlEntered String - | Go - - -update : Msg -> Model -> ( Model, Cmd Msg ) -update msg model = - case msg of - UrlEntered url -> - ( { model | url = url }, Cmd.none ) - - Go -> - ( model, Cmd.none ) - - -init : () -> ( Model, Cmd Msg ) -init _ = - ( Model "Terminal" "", Cmd.none )