npm - @mdn/fred - Versions diffs - 0.0.1 - Mend

@mdn/fred 0.0.1

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

Files changed (3272) hide show

package/dist/legacy/index.95b67ebc43207ce9.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ .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)}.icon.icon-add-filled{-webkit-mask-image:url(/static/legacy/add-filled.80d402757a60674d.svg);mask-image:url(/static/legacy/add-filled.80d402757a60674d.svg)}.icon.icon-add{-webkit-mask-image:url(/static/legacy/add.9310d8fcf4d12ca9.svg);mask-image:url(/static/legacy/add.9310d8fcf4d12ca9.svg)}.icon.icon-altname{-webkit-mask-image:url(/static/legacy/altname.42d2e41d11030519.svg);mask-image:url(/static/legacy/altname.42d2e41d11030519.svg)}.icon.icon-bell{-webkit-mask-image:url(/static/legacy/bell.84639befc6b81f54.svg);mask-image:url(/static/legacy/bell.84639befc6b81f54.svg)}.icon.icon-bell-filled{-webkit-mask-image:url(/static/legacy/bell-filled.54210b230d4cd96a.svg);mask-image:url(/static/legacy/bell-filled.54210b230d4cd96a.svg)}.icon.icon-bell-ring{-webkit-mask-image:url(/static/legacy/bell-ring.42eae9e00cdc5670.svg);mask-image:url(/static/legacy/bell-ring.42eae9e00cdc5670.svg)}.icon.icon-bluesky{-webkit-mask-image:url(/static/legacy/bluesky.6217395adda884d6.svg);mask-image:url(/static/legacy/bluesky.6217395adda884d6.svg)}.icon.icon-bookmark-filled{-webkit-mask-image:url(/static/legacy/bookmark-filled.2871e99c943c520a.svg);mask-image:url(/static/legacy/bookmark-filled.2871e99c943c520a.svg)}.icon.icon-bookmark{-webkit-mask-image:url(/static/legacy/bookmark.697100550aca63ed.svg);mask-image:url(/static/legacy/bookmark.697100550aca63ed.svg)}.icon.icon-cancel{-webkit-mask-image:url(/static/legacy/cancel.6ead14b4cb8b4694.svg);mask-image:url(/static/legacy/cancel.6ead14b4cb8b4694.svg)}.icon.icon-chatgpt{-webkit-mask-image:url(/static/legacy/chatgpt.bbca9c9c3aceadc0.svg);mask-image:url(/static/legacy/chatgpt.bbca9c9c3aceadc0.svg)}.icon.icon-checkmark{-webkit-mask-image:url(/static/legacy/checkmark.78b83561190aa5be.svg);mask-image:url(/static/legacy/checkmark.78b83561190aa5be.svg)}.icon.icon-chevron{-webkit-mask-image:url(/static/legacy/chevron.5d373c9173be10ac.svg);mask-image:url(/static/legacy/chevron.5d373c9173be10ac.svg)}.icon.icon-chrome{-webkit-mask-image:url(/static/legacy/chrome.34c80ba0e9389a43.svg);mask-image:url(/static/legacy/chrome.34c80ba0e9389a43.svg)}.icon.icon-critical{-webkit-mask-image:url(/static/legacy/critical.0569cc36ffba11c5.svg);mask-image:url(/static/legacy/critical.0569cc36ffba11c5.svg)}.icon.icon-curriculum-next{-webkit-mask-image:url(/static/legacy/curriculum-next.1e2c24ff7c72f8f3.svg);mask-image:url(/static/legacy/curriculum-next.1e2c24ff7c72f8f3.svg)}.icon.icon-curriculum-prev{-webkit-mask-image:url(/static/legacy/curriculum-prev.76a80bfc2bf346bf.svg);mask-image:url(/static/legacy/curriculum-prev.76a80bfc2bf346bf.svg)}.icon.icon-deno{-webkit-mask-image:url(/static/legacy/deno.6e66cc38cdfcb577.svg);mask-image:url(/static/legacy/deno.6e66cc38cdfcb577.svg)}.icon.icon-deprecated{-webkit-mask-image:url(/static/legacy/deprecated.c40ec2e5fa028b18.svg);mask-image:url(/static/legacy/deprecated.c40ec2e5fa028b18.svg)}.icon.icon-desktop{-webkit-mask-image:url(/static/legacy/desktop.9916908187575ee8.svg);mask-image:url(/static/legacy/desktop.9916908187575ee8.svg)}.icon.icon-disabled{-webkit-mask-image:url(/static/legacy/disabled.0a3139cf317f8e73.svg);mask-image:url(/static/legacy/disabled.0a3139cf317f8e73.svg)}.icon.icon-edge{-webkit-mask-image:url(/static/legacy/edge.975e09d9c765224d.svg);mask-image:url(/static/legacy/edge.975e09d9c765224d.svg)}.icon.icon-edit{-webkit-mask-image:url(/static/legacy/edit.b33bc30018dbe30a.svg);mask-image:url(/static/legacy/edit.b33bc30018dbe30a.svg)}.icon.icon-edit-filled{-webkit-mask-image:url(/static/legacy/edit-filled.4ff5b1542e5f26cd.svg);mask-image:url(/static/legacy/edit-filled.4ff5b1542e5f26cd.svg)}.icon.icon-ellipses{-webkit-mask-image:url(/static/legacy/ellipses.9bbbfb1a5bab025d.svg);mask-image:url(/static/legacy/ellipses.9bbbfb1a5bab025d.svg)}.icon.icon-experimental{-webkit-mask-image:url(/static/legacy/experimental.317e4709a9ee5689.svg);mask-image:url(/static/legacy/experimental.317e4709a9ee5689.svg)}.icon.icon-external{-webkit-mask-image:url(/static/legacy/external.deb9bcd511070d4f.svg);mask-image:url(/static/legacy/external.deb9bcd511070d4f.svg)}.icon.icon-eye-filled{-webkit-mask-image:url(/static/legacy/eye-filled.513619bc9ac64fd9.svg);mask-image:url(/static/legacy/eye-filled.513619bc9ac64fd9.svg)}.icon.icon-eye{-webkit-mask-image:url(/static/legacy/eye.1d6bc09fd049c172.svg);mask-image:url(/static/legacy/eye.1d6bc09fd049c172.svg)}.icon.icon-feed{-webkit-mask-image:url(/static/legacy/feed.d5d1bf625dc6b397.svg);mask-image:url(/static/legacy/feed.d5d1bf625dc6b397.svg)}.icon.icon-filter{-webkit-mask-image:url(/static/legacy/filter.9b5baf25968c04db.svg);mask-image:url(/static/legacy/filter.9b5baf25968c04db.svg)}.icon.icon-footnote{-webkit-mask-image:url(/static/legacy/footnote.e51e2440d994efe8.svg);mask-image:url(/static/legacy/footnote.e51e2440d994efe8.svg)}.icon.icon-github-mark-small{-webkit-mask-image:url(/static/legacy/github-mark-small.bd8d47c6d1b4b950.svg);mask-image:url(/static/legacy/github-mark-small.bd8d47c6d1b4b950.svg)}.icon.icon-ie{-webkit-mask-image:url(/static/legacy/ie.4c16845326d86ba9.svg);mask-image:url(/static/legacy/ie.4c16845326d86ba9.svg)}.icon.icon-information{-webkit-mask-image:url(/static/legacy/information.8a003538c18a7e2d.svg);mask-image:url(/static/legacy/information.8a003538c18a7e2d.svg)}.icon.icon-highlight{-webkit-mask-image:url(/static/legacy/highlight.4843af48997a8fb8.svg);mask-image:url(/static/legacy/highlight.4843af48997a8fb8.svg)}.icon.icon-history{-webkit-mask-image:url(/static/legacy/history.0214bce82868c39a.svg);mask-image:url(/static/legacy/history.0214bce82868c39a.svg)}.icon.icon-language{-webkit-mask-image:url(/static/legacy/language.718cb4a62260b684.svg);mask-image:url(/static/legacy/language.718cb4a62260b684.svg)}.icon.icon-mastodon{-webkit-mask-image:url(/static/legacy/mastodon.fffa3e16e0b2db59.svg);mask-image:url(/static/legacy/mastodon.fffa3e16e0b2db59.svg)}.icon.icon-menu-filled{-webkit-mask-image:url(/static/legacy/menu-filled.420d33b5b8431346.svg);mask-image:url(/static/legacy/menu-filled.420d33b5b8431346.svg)}.icon.icon-menu{-webkit-mask-image:url(/static/legacy/menu.360c324943803a41.svg);mask-image:url(/static/legacy/menu.360c324943803a41.svg)}.icon.icon-mobile{-webkit-mask-image:url(/static/legacy/mobile.3a8d7a34c723487a.svg);mask-image:url(/static/legacy/mobile.3a8d7a34c723487a.svg)}.icon.icon-more{-webkit-mask-image:url(/static/legacy/more.e2fcd5fd16099c48.svg);mask-image:url(/static/legacy/more.e2fcd5fd16099c48.svg)}.icon.icon-theme-dark{-webkit-mask-image:url(/static/legacy/theme-dark.c4ed806b135c790e.svg);mask-image:url(/static/legacy/theme-dark.c4ed806b135c790e.svg)}.icon.icon-new-topic{-webkit-mask-image:url(/static/legacy/new-topic.c44c2b02f1b782d6.svg);mask-image:url(/static/legacy/new-topic.c44c2b02f1b782d6.svg)}.icon.icon-next{-webkit-mask-image:url(/static/legacy/next.444bedba48443091.svg);mask-image:url(/static/legacy/next.444bedba48443091.svg)}.icon.icon-no{-webkit-mask-image:url(/static/legacy/no.c0dfcd03ea37bca6.svg);mask-image:url(/static/legacy/no.c0dfcd03ea37bca6.svg)}.icon.icon-nodejs{-webkit-mask-image:url(/static/legacy/nodejs.2d9a0f9022cb52ad.svg);mask-image:url(/static/legacy/nodejs.2d9a0f9022cb52ad.svg)}.icon.icon-nonstandard{-webkit-mask-image:url(/static/legacy/nonstandard.cd4aec5f2f0a3c65.svg);mask-image:url(/static/legacy/nonstandard.cd4aec5f2f0a3c65.svg)}.icon.icon-note-info{-webkit-mask-image:url(/static/legacy/note-info.eacdd4a9f2821d63.svg);mask-image:url(/static/legacy/note-info.eacdd4a9f2821d63.svg)}.icon.icon-note-warning{-webkit-mask-image:url(/static/legacy/note-warning.cd4aec5f2f0a3c65.svg);mask-image:url(/static/legacy/note-warning.cd4aec5f2f0a3c65.svg)}.icon.icon-note-deprecated{-webkit-mask-image:url(/static/legacy/note-deprecated.373dd62cee35d969.svg);mask-image:url(/static/legacy/note-deprecated.373dd62cee35d969.svg)}.icon.icon-opera{-webkit-mask-image:url(/static/legacy/opera.ad21150bc9f8e600.svg);mask-image:url(/static/legacy/opera.ad21150bc9f8e600.svg)}.icon.icon-padlock{-webkit-mask-image:url(/static/legacy/padlock.e6e46d7305e05ed1.svg);mask-image:url(/static/legacy/padlock.e6e46d7305e05ed1.svg)}.icon.icon-partial{-webkit-mask-image:url(/static/legacy/partial.f19850f9f004b1b2.svg);mask-image:url(/static/legacy/partial.f19850f9f004b1b2.svg)}.icon.icon-play{-webkit-mask-image:url(/static/legacy/play.ba68e261a8be081c.svg);mask-image:url(/static/legacy/play.ba68e261a8be081c.svg)}.icon.icon-prefix{-webkit-mask-image:url(/static/legacy/prefix.2977e3d4b9fb9a82.svg);mask-image:url(/static/legacy/prefix.2977e3d4b9fb9a82.svg)}.icon.icon-preview{-webkit-mask-image:url(/static/legacy/preview.7f907b4753312e8b.svg);mask-image:url(/static/legacy/preview.7f907b4753312e8b.svg)}.icon.icon-previous{-webkit-mask-image:url(/static/legacy/previous.5b9f782377e19f50.svg);mask-image:url(/static/legacy/previous.5b9f782377e19f50.svg)}.icon.icon-question-mark{-webkit-mask-image:url(/static/legacy/question-mark.423ba48d7301b007.svg);mask-image:url(/static/legacy/question-mark.423ba48d7301b007.svg)}.icon.icon-queue{-webkit-mask-image:url(/static/legacy/queue.87b15609b41689ef.svg);mask-image:url(/static/legacy/queue.87b15609b41689ef.svg)}.icon.icon-queued{-webkit-mask-image:url(/static/legacy/queued.14bb12453dfaadb3.svg);mask-image:url(/static/legacy/queued.14bb12453dfaadb3.svg)}.icon.icon-quote{-webkit-mask-image:url(/static/legacy/quote.3ae06798cc589899.svg);mask-image:url(/static/legacy/quote.3ae06798cc589899.svg)}.icon.icon-return{-webkit-mask-image:url(/static/legacy/return.3934eafaaf18c979.svg);mask-image:url(/static/legacy/return.3934eafaaf18c979.svg)}.icon.icon-safari{-webkit-mask-image:url(/static/legacy/safari.914bc957b75d733e.svg);mask-image:url(/static/legacy/safari.914bc957b75d733e.svg)}.icon.icon-samsunginternet{-webkit-mask-image:url(/static/legacy/samsunginternet.6d98cb78e846f96b.svg);mask-image:url(/static/legacy/samsunginternet.6d98cb78e846f96b.svg)}.icon.icon-search{-webkit-mask-image:url(/static/legacy/search.1a354d71e7a983d3.svg);mask-image:url(/static/legacy/search.1a354d71e7a983d3.svg)}.icon.icon-send{-webkit-mask-image:url(/static/legacy/send.97ab75f4a3d4d2ea.svg);mask-image:url(/static/legacy/send.97ab75f4a3d4d2ea.svg)}.icon.icon-server{-webkit-mask-image:url(/static/legacy/server.482d6fe933e698c8.svg);mask-image:url(/static/legacy/server.482d6fe933e698c8.svg)}.icon.icon-sidebar{-webkit-mask-image:url(/static/legacy/sidebar.f5c855c1f43aea2c.svg);mask-image:url(/static/legacy/sidebar.f5c855c1f43aea2c.svg)}.icon.icon-simple-firefox{-webkit-mask-image:url(/static/legacy/simple-firefox.a8097d7ed48625a7.svg);mask-image:url(/static/legacy/simple-firefox.a8097d7ed48625a7.svg)}.icon.icon-small-arrow{-webkit-mask-image:url(/static/legacy/small-arrow.7688fc1262388c91.svg);mask-image:url(/static/legacy/small-arrow.7688fc1262388c91.svg)}.icon.icon-theme-light{-webkit-mask-image:url(/static/legacy/theme-light.cf31f079f9e6e27c.svg);mask-image:url(/static/legacy/theme-light.cf31f079f9e6e27c.svg)}.icon.icon-star-filled{-webkit-mask-image:url(/static/legacy/star-filled.c9db99aeb16b1913.svg);mask-image:url(/static/legacy/star-filled.c9db99aeb16b1913.svg)}.icon.icon-star{-webkit-mask-image:url(/static/legacy/star.ad1e866563e32428.svg);mask-image:url(/static/legacy/star.ad1e866563e32428.svg)}.icon.icon-theme-os-default{-webkit-mask-image:url(/static/legacy/theme-os-default.935f36dac65cabef.svg);mask-image:url(/static/legacy/theme-os-default.935f36dac65cabef.svg)}.icon.icon-thumbs-down{-webkit-mask-image:url(/static/legacy/thumbs-down.6a5c08eb98ba1cad.svg);mask-image:url(/static/legacy/thumbs-down.6a5c08eb98ba1cad.svg)}.icon.icon-thumbs-up{-webkit-mask-image:url(/static/legacy/thumbs-up.74cfbf8161e315db.svg);mask-image:url(/static/legacy/thumbs-up.74cfbf8161e315db.svg)}.icon.icon-trash{-webkit-mask-image:url(/static/legacy/trash.7f3db910c0f027df.svg);mask-image:url(/static/legacy/trash.7f3db910c0f027df.svg)}.icon.icon-trash-filled{-webkit-mask-image:url(/static/legacy/trash-filled.08d1d96014b1fc95.svg);mask-image:url(/static/legacy/trash-filled.08d1d96014b1fc95.svg)}.icon.icon-twitter-x{-webkit-mask-image:url(/static/legacy/twitter-x.35b91a4e4b88a724.svg);mask-image:url(/static/legacy/twitter-x.35b91a4e4b88a724.svg)}.icon.icon-unknown{-webkit-mask-image:url(/static/legacy/unknown.48fb1303fdffa5de.svg);mask-image:url(/static/legacy/unknown.48fb1303fdffa5de.svg)}.icon.icon-warning{-webkit-mask-image:url(/static/legacy/warning.9b94fc66d43115ba.svg);mask-image:url(/static/legacy/warning.9b94fc66d43115ba.svg)}.icon.icon-webview{-webkit-mask-image:url(/static/legacy/webview.3abdc5c7966181b2.svg);mask-image:url(/static/legacy/webview.3abdc5c7966181b2.svg)}.icon.icon-yes{-webkit-mask-image:url(/static/legacy/yes.39b8ee80cd467e41.svg);mask-image:url(/static/legacy/yes.39b8ee80cd467e41.svg)}.icon.icon-yes-circle{-webkit-mask-image:url(/static/legacy/yes-circle.ba7d3389a6ed23f8.svg);mask-image:url(/static/legacy/yes-circle.ba7d3389a6ed23f8.svg)}svg.icon{background:#0000;color:var(--icon-primary)}.icons-highlighted{align-items:center;display:flex;flex-direction:column}.icons-highlighted>span{height:var(--icon-size);line-height:0;width:var(--icon-size)}.icons-highlighted>span.icons-icon-wrapper{margin-top:-.1rem}.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;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:#3a39444d;--button-border-color:#0000}.toast.is-important{--toast-bg:var(--accent-secondary);--toast-color:#fff}.toast-verbose-text{display:none}@media(min-width:769px){.toast-verbose-text{display:inline}.toast-short-text{display:none}}@keyframes fade-in{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes slow-pulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}.generic-loading{align-items:center;animation-delay:1s;animation:slow-pulse 2s infinite normal;display:flex;justify-content:center;width:100%}.main-content.standalone{margin:0 auto;max-width:var(--max-width);width:100%}.page-not-found .fallback-document .fallback-link{font-size:1rem}.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{animation:fade-out 3s ease-out .5s}@keyframes fade-out{0%{opacity:1}to{opacity:0}}article.settings{display:block;margin:auto;max-width:60em;padding:1rem;width:min(90vw,40em)}article.settings h3{margin-top:0}article.settings section{padding:1rem}article.settings .field-group ul,article.settings section.field-group,article.settings section.setting-row{padding:0}article.settings .field-group ul li{display:grid;gap:0 1rem;grid-template-columns:1fr 5em}article.settings .field-group ul li section{margin:.125rem 0}article.settings .field-group ul li section:hover,article.settings .field-group ul li section:target{background-color:var(--background-information);border-radius:.25rem}article.settings .field-group ul li .setting-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}article.settings .field-group ul li p{margin:0 0 1rem}article.settings .field-group ul li p:first-child{margin-top:0}article.settings .field-group ul li p:last-child{margin-bottom:0}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;background-color:var(--background-primary);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;min-width:10rem;padding:.5rem 1rem;text-align:center;width:-webkit-max-content;width:max-content}article.settings .field-group ul li .manage:hover,article.settings .field-group ul li button:hover{background-color:var(--background-secondary)}article.settings .field-group ul li button[disabled]{background-color:var(--background-secondary);border:1px solid var(--text-secondary);color:var(--text-secondary)}.spinner{display:inline-block;height:1rem;position:relative;width:1rem}.spinner div{animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border:.1rem solid var(--text-primary);border-color:var(--text-primary) #0000 #0000 #0000;border-radius:50%;box-sizing:border-box;display:block;height:.8rem;margin:.1rem;position:absolute;width:.8rem}.spinner div:first-child{animation-delay:-.45s}.spinner div:nth-child(2){animation-delay:-.3s}.spinner div:nth-child(3){animation-delay:-.15s}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.switch{align-items:center;display:inline-flex;position:relative}.switch input{height:0;margin:0;opacity:0;width:3em}.switch input:checked+.slider{background-color:var(--text-link)}.switch input:checked+.slider:before{left:53.25%;right:3.25%}.switch input:focus-visible+.slider{outline-color:var(--accent-primary);outline-offset:1px;outline-style:auto}.switch .slider{background-color:var(--text-secondary);border-radius:1.5em;cursor:pointer;height:1.5em;position:absolute;transition:.4s;width:3em}.switch .slider:before{background-color:var(--background-primary);border-radius:50%;bottom:7.5%;content:"";left:3.25%;position:absolute;right:53.25%;top:7.5%;transition:.4s}.switch .label{margin-left:.5em}.sidebar{color:var(--text-secondary)}.sidebar .backdrop{display:none}.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-bottom-right-radius:.25rem;border-left:2px solid var(--category-color);border-top-right-radius:.25rem;font-style:normal;font-variation-settings:normal;font-weight:600;padding:.25rem .5rem}.sidebar a,.sidebar em{display:inline-block;-webkit-hyphens:auto;hyphens:auto}.sidebar a{color:var(--text-secondary);padding:.25rem}.sidebar a:focus,.sidebar a:hover{-webkit-text-decoration:underline;text-decoration:underline}.sidebar li.section{display:flex;font-size:var(--type-base-font-size-rem);font-weight:var(--font-body-strong-weight);letter-spacing:.02rem;margin-top:1.5rem}.sidebar li.section.no-link{padding:.25rem}.sidebar li:first-of-type strong{margin-top:unset}.sidebar ol{font-size:var(--type-smaller-font-size)}.sidebar ol ol,.sidebar ol ul{padding-left:.5rem}.sidebar ol li .icon{margin-right:.01em}.sidebar ol li.no-bullet{display:block;font-weight:var(--font-body-strong-weight);list-style-type:none}.sidebar .sidebar-actions{height:0;padding-bottom:4rem;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-index-main-header)}.sidebar .sidebar-actions~.sidebar-inner-nav{margin-top:.5rem}@media(max-width:769px){.sidebar .sidebar-actions{height:unset;margin-top:unset;padding-bottom:unset;position:unset;top:unset}.sidebar .sidebar-actions~.sidebar-inner-nav{margin-top:unset}}.sidebar .sidebar-heading~div>ol,.sidebar .sidebar-heading~ol{margin-top:1rem}.sidebar li,.sidebar summary{margin-bottom:.5rem}.sidebar summary{cursor:pointer}.sidebar code,.sidebar summary{font-size:var(--type-smaller-font-size)}.sidebar code{background-color:initial;border-radius:var(--elem-radius);font-family:var(--font-code);line-height:1.2;padding:.125rem;white-space:normal;word-wrap:break-word}.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)}@media(max-width:768px){.sidebar{height:100vh;left:0;max-height:100vh;position:fixed;right:0;top:var(--offset);transform:translateX(-100%)}.sidebar .sidebar-inner{background:var(--background-primary);border-right:1px solid var(--border-primary);display:grid;height:var(--max-height);max-height:var(--max-height);max-width:20rem;overflow:hidden;overflow:auto;padding:1rem;position:relative;transform:translateX(-100%);transition:transform .2s linear;width:80vw;will-change:transform}.sidebar .sidebar-inner .sidebar-inner-nav{display:contents;-webkit-mask-image:linear-gradient(180deg,#000 0 calc(100% - 3rem),#0000);mask-image:linear-gradient(180deg,#000 0 calc(100% - 3rem),#0000);padding-bottom:3rem}}@media(max-width:768px)and (min-height:44rem){.sidebar .sidebar-inner{display:flex;flex-direction:column;overflow:hidden}.sidebar .sidebar-inner .sidebar-inner-nav{display:block;overflow:auto}}@media(max-width:768px){.sidebar .sidebar-inner .place{align-self:center;grid-row:2/3;justify-self:center;margin-bottom:0}.sidebar .backdrop{background:#0000004d;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}.sidebar.is-animating,.sidebar.is-expanded,.sidebar.is-expanded .sidebar-inner{transform:translateX(0)}.sidebar.is-expanded .backdrop{opacity:1}}@media(min-width:769px){.sidebar .place{display:none}.sidebar{display:flex;position:relative}}@media(min-height:44rem),(min-width:992px){.sidebar{display:block;overflow:auto}}@media(min-width:1200px){.sidebar{max-height:var(--max-height);position:-webkit-sticky;position:sticky;top:var(--offset)}}.document-toc{margin-bottom:2rem;padding:0}@media(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:inline-block;padding:.5rem 1rem;-webkit-text-decoration:none;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-bottom-right-radius:.25rem;border-left:2px solid var(--category-color);border-top-right-radius:.25rem;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}section.place{display:flex;margin:1rem 0}section.place a,section.place a:not(.button){color:var(--text-primary);-webkit-text-decoration:none;text-decoration:none}section.place a.pong-note{background-color:rgba(249,249,251,.816);border:1px solid #313131;border-radius:.25rem;color:#313131;font-size:.625rem;opacity:.85;padding:0 .25rem;-webkit-text-decoration:underline;text-decoration:underline;text-transform:uppercase;width:-webkit-max-content;width:max-content}section.place a.pong-note:focus,section.place a.pong-note:hover{opacity:unset;-webkit-text-decoration:none;text-decoration:none}section.place .pong-box2{--place-new-side-background-light:#111;--place-new-side-color-light:#fff;--place-new-side-background-dark:#111;--place-new-side-color-dark:#fff;--place-new-side-background:var(--place-new-side-background-light);--place-new-side-color:var(--place-new-side-color-light);--border-radius:0.5rem;border:1px solid var(--border-primary);border-radius:var(--border-radius);height:100%;margin:0;min-height:20rem;overflow:hidden;position:relative;width:11rem}@media(prefers-color-scheme:dark){section.place .pong-box2{--place-new-side-background:var(--place-new-side-background-dark);--place-new-side-color:var(--place-new-side-color-dark)}}section.place .pong-box2 .pong-note{margin:.25rem;position:absolute;right:0;top:0}section.place .pong-box2 .pong-note:hover{opacity:unset;-webkit-text-decoration:none;text-decoration:none}section.place .pong-box2 .pong{height:100%;padding:0;width:100%}section.place .pong-box2 .pong>img{height:auto;width:100%}section.place .pong-box2 .pong>div.content{background:linear-gradient(to top,var(--place-new-side-background) 9rem,#0000 12rem,#0000);border-radius:var(--border-radius);color:var(--place-new-side-color);display:flex;flex-direction:column;gap:.25rem;height:100%;justify-content:end;position:absolute;top:0;width:100%}section.place .pong-box2 .pong>div.content strong{font-size:.8875rem;line-height:1.25;padding:0 1rem}section.place .pong-box2 .pong>div.content span{font-size:.75rem;line-height:1.25;padding:0 1rem}section.place .pong-box2 .pong>div.content .pong-cta{--color:var(--place-new-side-color);--icon-primary:var(--color);background-color:hsla(0,0%,100%,.067);border:2px solid;border-radius:2rem;color:var(--color);font-size:.75rem;font-weight:600;margin:.5rem auto 1rem 1rem;padding:.5em 1em;transition:all .3s ease-in-out}section.place .pong-box2 .pong>div.content .pong-cta:after{transition:all .3s ease-in-out}section.place .pong-box2 .pong>div.content .pong-cta:hover{--color:var(--place-new-side-background);background-color:var(--place-new-side-color)}section.place .pong-box{background-color:var(--background-secondary);border:1px solid var(--border-primary);margin:0 0 .125rem;padding:0;width:10rem}section.place .pong-box .pong{align-items:center;display:flex;flex-direction:column;padding:.825rem}section.place .pong-box .pong img{margin:0;max-height:6.25rem;width:8.125rem}section.place .pong-box .pong span{color:var(--text-secondary);font-size:.75rem;padding:.5rem}section.place .no-pong{color:var(--text-secondary);font-size:.6rem;margin-bottom:.5rem;max-width:12rem;padding:0;width:100%}section.place .no-pong:focus,section.place .no-pong:hover{opacity:unset;-webkit-text-decoration:none;text-decoration:none}section.place.side{flex-direction:column;max-width:12rem;min-height:20rem}section.place.new-side,section.place.side{height:-webkit-fit-content;height:fit-content}section.place.new-side{min-height:22rem}section.place.top{align-items:center;display:grid;font-size:.625rem;grid-template-areas:"pong cta" "no note";height:var(--top-banner-height);margin:0 auto;width:100%}@media(min-width:769px){section.place.top{grid-template-areas:"pong cta note" "pong cta no";grid-template-columns:fit-content(100%) auto fit-content(100%)}}section.place.top .pong-box{border:none;display:contents;width:100%}section.place.top .pong-box .pong{color:var(--place-top-color);flex-direction:row;grid-area:pong;padding:.125rem;-webkit-text-decoration:none;text-decoration:none}section.place.top .pong-box .pong img{height:var(--top-banner-inner-height);max-height:var(--top-banner-inner-height);width:auto}section.place.top .pong-box .pong span{color:var(--place-top-color);max-height:var(--top-banner-inner-height);overflow:auto;padding:0 1rem}section.place.top .pong-box .pong-cta{background-color:var(--place-top-cta-background);border-radius:var(--elem-radius);color:var(--place-top-cta-color);font-size:var(--type-smaller-font-size);grid-area:cta;height:-webkit-fit-content;height:fit-content;margin-right:auto;padding:.25rem 1rem;text-align:center}section.place.top .pong-box .pong-note{grid-area:note;margin:.25rem 0 auto auto}section.place.top .no-pong{color:var(--place-top-color);grid-area:no;margin:auto 0 0 2rem;width:auto}html[data-nop] section.place{display:none}.dark section.place .pong-box2{--place-new-side-background:var(--place-new-side-background-dark);--place-new-side-color:var(--place-new-side-color-dark)}section.place.bottom-banner,section.place.hp-main{background-color:var(--place-hp-main-background);display:grid;grid-template-areas:"left place right";grid-template-columns:auto min(var(--place-banner-width),100vw) auto;margin:0;width:100%}section.place.bottom-banner a.pong,section.place.hp-main a.pong{display:flex;grid-area:place;grid-column:1/4;justify-content:center}section.place.bottom-banner a.pong img,section.place.hp-main a.pong img{height:auto}section.place.bottom-banner .pong-note,section.place.hp-main .pong-note{grid-area:place;grid-column:2;margin:.5rem .5rem auto auto}.top-banner{--place-top-background-light:var(--background-secondary);--place-top-color-light:var(--text-primary);--place-top-cta-background-light:var(--text-primary);--place-top-cta-color-light:var(--background-secondary);--place-top-background-dark:var(--background-secondary);--place-top-color-dark:var(--text-primary);--place-top-cta-background-dark:var(--text-primary);--place-top-cta-color-dark:var(--background-secondary);--place-top-background:var(--place-top-background-light);--place-top-color:var(--place-top-color-light);--place-top-cta-background:var(--place-top-cta-background-light);--place-top-cta-color:var(--place-top-cta-color-light);background-color:var(--place-top-background);border-bottom:1px solid var(--border-primary);height:var(--top-banner-height)}@media(prefers-color-scheme:dark){.top-banner{--place-top-background:var(--place-top-background-dark);--place-top-color:var(--place-top-color-dark);--place-top-cta-background:var(--place-top-cta-background-dark);--place-top-cta-color:var(--place-top-cta-color-dark)}}.top-banner.fallback{position:static}@media(max-width:768px){.top-banner{display:none}}.top-banner .fallback-copy{font-size:1rem;grid-column:1/4;line-height:var(--top-banner-height);margin:0 auto}.top-banner .fallback-copy a:not(.button){color:var(--apis-accent-color)}.top-banner .fallback-copy a:not(.button):focus,.top-banner .fallback-copy a:not(.button):hover{-webkit-text-decoration:underline;text-decoration:underline}html[data-nop] .top-banner{display:none}div.empty-place.bottom-banner{height:152px;position:absolute;width:1px}.dark .top-banner{--place-top-background:var(--place-top-background-dark);--place-top-color:var(--place-top-color-dark);--place-top-cta-background:var(--place-top-cta-background-dark);--place-top-cta-color:var(--place-top-cta-color-dark)}.bottom-banner-container{background-color:var(--place-bottom-banner-background,var(--background-primary));color:var(--place-bottom-banner-color,var(--text-primary));margin:0;width:100%}.bottom-banner-container>section.place.bottom-banner{column-gap:3rem;display:grid;grid-template-areas:"nope pong note" "nope pong no";grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) minmax(0,15rem);margin:0 auto;max-width:var(--max-width);padding:0 1rem}.bottom-banner-container>section.place.bottom-banner .pong{grid-area:pong;justify-self:center}.bottom-banner-container>section.place.bottom-banner .pong img{height:auto}.bottom-banner-container>section.place.bottom-banner .pong-note{color:var(--place-bottom-banner-color,var(--text-primary));font-size:.625rem;grid-area:note;margin-top:.5rem}.bottom-banner-container>section.place.bottom-banner .no-pong{color:var(--place-bottom-banner-color,var(--text-primary));font-size:.625rem;grid-area:no;margin-top:auto}@media(max-width:1200px){.bottom-banner-container>section.place.bottom-banner{grid-template-areas:"pong note" "pong no";grid-template-columns:auto -webkit-max-content;grid-template-columns:auto max-content;grid-template-rows:auto 2rem}}@media(max-width:992px){.bottom-banner-container>section.place.bottom-banner{grid-template-areas:"pong pong" "note no";grid-template-columns:1fr 1fr;grid-template-rows:auto 2rem}.bottom-banner-container>section.place.bottom-banner .no-pong{justify-self:end;width:-webkit-fit-content;width:fit-content}}@media(min-width:25rem){.place.horizontal{align-self:flex-end;max-width:20rem;min-height:10rem}.place.horizontal .pong-box,.place.horizontal .pong-box2{width:100%}.place.horizontal .pong-box .pong,.place.horizontal .pong-box2 .pong{flex-direction:row}.place.horizontal .pong-box .pong-note,.place.horizontal .pong-box2 .pong-note{margin-top:0}.place.horizontal.new-side{height:12rem;max-width:30rem;min-height:12rem}.place.horizontal.new-side .pong-box2{height:21rem;min-height:0;width:25rem}.place.horizontal.new-side .pong-box2 .pong-cta{margin:.5rem auto 1rem 1rem}.place.horizontal.new-side .pong-box2 .pong-note{margin:.5rem .5rem auto auto}.place.horizontal.new-side .pong-box2 .pong>img{height:100%;position:absolute;width:auto;z-index:1}.place.horizontal.new-side .pong-box2 .pong>div.content{align-items:end;background:var(--place-new-side-background);flex-direction:column;height:100%;justify-content:end;padding-left:10rem;width:100%}}.sidebar-filter-container{background:linear-gradient(to bottom,var(--background-primary) 0 calc(100% - 2rem),#0000 100%);display:flex;flex-direction:column;font-size:var(--type-smaller-font-size);padding-bottom:2rem;padding-right:.5rem;padding-top:.5rem}@media(max-width:769px){.sidebar-filter-container{padding-bottom:unset}}.sidebar-filter-container .sidebar-filter{align-items:center;display:flex;margin-bottom:.5rem}.sidebar-filter-container .sidebar-filter.has-input .sidebar-filter-label .icon{background-color:var(--category-color)}.sidebar-filter-container .sidebar-filter-label{left:.5rem;position:relative;width:0}.sidebar-filter-container .sidebar-filter-label .icon{background-size:1rem;height:1rem;-webkit-mask-size:1rem;mask-size:1rem;width:1rem}.sidebar-filter-container .sidebar-filter-input-field{-webkit-appearance:none;background-color:var(--background-primary);border:1px solid var(--border-primary);border-radius:1rem;color:var(--text-primary);height:var(--form-elem-height);padding-left:1.75rem}.sidebar-filter-container .sidebar-filter-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}.sidebar-filter-container .sidebar-filter-input-field[value=""]{width:5rem}.sidebar-filter-container .sidebar-filter-input-field:not([value=""])~.sidebar-filter-label .icon{background-color:var(--category-color)!important}.sidebar-filter-container .sidebar-filter-input-field.is-active,.sidebar-filter-container .sidebar-filter-input-field:focus{padding-right:7rem;width:100%}.sidebar-filter-container .sidebar-filter-input-field.is-active~.button.clear-sidebar-filter-button,.sidebar-filter-container .sidebar-filter-input-field.is-active~.sidebar-filter-count,.sidebar-filter-container .sidebar-filter-input-field:focus~.button.clear-sidebar-filter-button,.sidebar-filter-container .sidebar-filter-input-field:focus~.sidebar-filter-count{display:block}.sidebar-filter-container .sidebar-filter-input-field~.sidebar-filter-count{background:var(--mark-color);border-radius:1rem;display:none;font-size:var(--type-tiny-font-size);padding:0 .25rem;position:absolute;right:2.5rem}@media(max-width:769px){.sidebar-filter-container .sidebar-filter-input-field~.sidebar-filter-count{right:3rem}}.sidebar-filter-container .sidebar-filter-input-field~.button.clear-sidebar-filter-button{display:none;position:absolute;right:.75rem}.sidebar-filter-container .sidebar-filter-input-field~.button.clear-sidebar-filter-button:hover{background:#0000}@media(max-width:769px){.sidebar-filter-container .sidebar-filter-input-field~.button.clear-sidebar-filter-button{left:calc(100% - 3rem)}}.sidebar-filter-container .button{--button-color:var(--icon-secondary);--button-height:1.5rem;--button-padding:0;width:1.5rem}.sidebar-filter-container .icon{background-color:var(--icon-secondary);margin-right:unset;position:unset;position:relative;z-index:unset}.sidebar mark{background-color:var(--mark-color);color:unset}.plus .article-actions-container{display:flex}.plus .main-page-content em{font-style:normal;font-variation-settings:normal;-webkit-text-decoration:underline;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(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;font-variation-settings:"slnt" -10}.plus .main-page-content img{margin:2rem 0}.breadcrumbs-container{align-items:center;display:flex;margin-right:auto}.breadcrumbs-container ol{display:flex;flex-wrap:wrap;line-height:1.2;padding:.25rem 0;row-gap:.25rem}.breadcrumbs-container li{display:none;-webkit-hyphens:auto;hyphens:auto}.breadcrumbs-container li:nth-last-child(-n+2){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/legacy/chevron.5d373c9173be10ac.svg);mask-image:url(/static/legacy/chevron.5d373c9173be10ac.svg);-webkit-mask-size:12px;mask-size:12px;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{-webkit-text-decoration:underline;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(min-width:1200px){.breadcrumbs-container li{display:inline-flex}}.submenu{background-color:var(--background-primary);list-style:none;margin:0;padding:0}.submenu li{width:100%}.submenu .submenu-item,.submenu li>a{align-items:center;border:1px solid #0000;color:var(--text-primary);display:flex;height:100%;padding:.5rem;width:100%}li:last-child .submenu .submenu-item:not(:focus),li:last-child .submenu li>a:not(:focus){border-bottom-color:#0000}.submenu .submenu-item:hover,.submenu li>a:hover{background-color:var(--border-secondary);-webkit-text-decoration:none;text-decoration:none}.main-menu .submenu .submenu-item:hover,.main-menu .submenu li>a:hover{background-color:var(--background-secondary)}.submenu .submenu-item:focus,.submenu li>a:focus{border:1px solid var(--button-secondary-border-focus);box-shadow:var(--button-focus-effect)}.submenu .submenu-item .icon,.submenu li>a .icon{margin-right:.5rem}@media(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(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(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(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(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)}.languages-switcher-menu.open-on-focus-within .submenu{display:block}.language-menu li:not(:first-child){padding-top:1px}.language-menu li:not(:last-child){padding-bottom:1px}.language-menu .submenu-item{padding:.5rem!important}.language-menu .submenu-item.locale-redirect-setting{border-bottom:1px solid var(--border-secondary)!important;border-radius:0!important;display:block;font-size:var(--type-tiny-font-size)}.language-menu .submenu-item.locale-redirect-setting:hover{background-color:unset}.language-menu .submenu-item.locale-redirect-setting .group{align-items:center;display:flex;gap:.5em}.language-menu .submenu-item.locale-redirect-setting .switch{display:flex}.language-menu .submenu-item.locale-redirect-setting .glean-thumbs{font-style:italic;font-variation-settings:"slnt" -10;margin-top:.5em}.language-menu .submenu-item.locale-redirect-setting .icon{margin-right:unset}.language-menu .submenu-item.locale-redirect-setting a[href] .icon-question-mark{background-color:var(--icon-secondary)}.language-menu .submenu-item.locale-redirect-setting a[href] .icon-question-mark:hover{background-color:var(--text-link)}.language-menu .submenu-item .icon-experimental{background-color:var(--icon-primary);margin-left:.5em;vertical-align:text-top}@media(min-width:769px){.language-menu{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:#0000;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)}.glean-thumbs{align-items:center;display:flex;flex-direction:row;gap:.5em;height:1.5em}.glean-thumbs .confirmation{animation-duration:2.5s;animation-fill-mode:forwards;animation-name:colorHighlight;color:var(--category-color)}@keyframes colorHighlight{0%{opacity:0}25%{color:var(--category-color);opacity:1}75%{color:var(--category-color)}to{color:var(--text-inactive)}}.thumbs:hover{--button-bg-hover:unset}.thumbs:active{--button-bg-active:unset}.thumbs .icon{background-color:var(--icon-secondary)}.thumbs:active .icon-thumbs-up,.thumbs:focus .icon-thumbs-up,.thumbs:hover .icon-thumbs-up{background-color:var(--icon-success)}.thumbs:active .icon-thumbs-down,.thumbs:focus .icon-thumbs-down,.thumbs:hover .icon-thumbs-down{background-color:var(--icon-critical)}.article-actions{margin-left:auto}.article-actions .article-actions-dialog-heading{display:none}.article-actions .button.action .button-wrap{text-transform:none}.article-actions .article-actions-toggle{display:block}@media(min-width:769px){.article-actions{display:block}.article-actions .article-actions-toggle{display:none}}@media(max-width:769px){.article-actions.show-actions{background-color:var(--background-primary);color:var(--text-primary);display:block;height:100vh;left:0;overflow:auto;-webkit-overflow-scrolling:touch;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-submenu{--gutter-padding:1rem;display:none;overflow:auto}.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-submenu.wait,.article-actions-submenu.wait {cursor:wait!important}.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-submenu .header .header-inner{align-items:center;display:flex;gap:.5rem;position:relative}.article-actions-submenu .header .icon{transform:rotate(90deg)}.article-actions-submenu .header.desktop-only{display:none}.article-actions-submenu .mdn-form-item,.article-actions-submenu p{margin:0;padding:1rem 1rem 0}.article-actions-submenu .mdn-form-item:last-child,.article-actions-submenu p:last-child{padding-bottom:1rem}.article-actions-submenu .notecard{margin:var(--gutter-padding);margin-bottom:0}.article-actions-submenu .notecard:before{top:1.37rem}.article-actions-submenu .notecard p{margin:0;padding:0}@media(min-width:769px){.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:var(--article-actions-position-left,initial);max-height:calc(100vh - 12px - var(--sticky-header-with-actions-height));padding:0;position:absolute;right:0;top:calc(100% + 6px);width:316px;z-index:var(--z-index-mid)}.article-actions-submenu .header{display:block;padding:1rem var(--gutter-padding);text-align:center}.article-actions-submenu .header-inner{justify-content:center}.article-actions-submenu .header.desktop-only{display:block}.article-actions-submenu .header.mobile-only{display:none}.article-actions-submenu .header .icon{left:0;position:absolute}}.article-actions-entries{display:none;list-style:none;margin:0;padding:0}@media(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}body.ReactModal__Body--open{overflow:hidden}.modal-overlay{background:var(--background-primary);bottom:0;display:flex;justify-content:center;left:0;overflow:auto;-webkit-overflow-scrolling:touch;position:fixed;right:0;top:0;z-index:var(--z-index-modal-overlay)}.modal-overlay.wait,.modal-overlay.wait {cursor:wait!important}.modal-content{background:var(--background-primary);flex-basis:32.5rem;outline:none;padding:1.5rem;z-index:var(--z-index-modal-content)}.modal-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem}.modal-header .button.has-icon{--button-color:var(--icon-secondary)}.modal-header .button.has-icon:hover{--button-color:var(--icon-primary)}.modal-header .button.has-icon .button-wrap{height:auto;margin:-.5rem;padding:.5rem;width:auto}.modal-header .icon{height:1.25rem;margin:0;width:1.25rem}.modal-heading{font-size:1.5rem;font-weight:700;margin:0}.modal-body .notecard{margin:0 0 1rem}.modal-body p{margin:1rem 0 0;overflow-wrap:anywhere}.modal-body p:first-child{margin:0}@media(max-width:992px){.modal-body .mdn-form-item:last-child{padding-bottom:1.5rem}}.modal-body .mdn-form-item.is-button-row{flex-direction:row-reverse;flex-wrap:wrap-reverse;gap:1.5rem;justify-content:flex-start}.modal-body button{flex:1}@media(min-width:992px){body.ReactModal__Body--open{overflow:unset}.modal-overlay{align-items:center;background-color:#f0f0f4a8}.modal-content{border-radius:var(--elem-radius);box-shadow:0 2px 14px #3a394433;height:-webkit-fit-content;height:fit-content;max-height:90vh;max-width:40rem;overflow:auto;-webkit-overflow-scrolling:touch;width:90vw}.modal-content.is-small{max-width:24rem}.modal-content button{flex:unset}}.mdn-plus-subscribe-link{--button-padding:1rem;margin:0 auto;max-width:150px;text-align:center;white-space:nowrap}.auth-container .login-link{align-items:center;display:inline-flex;font-weight:var(--font-body-strong-weight);height:2rem;text-align:center}.auth-container .login-link:link,.auth-container .login-link:visited{color:var(--text-secondary)}.bookmark-menu>.button{display:block}.bookmark-menu .is-button-row{flex-direction:row-reverse;justify-content:flex-start}.bookmark-menu #bookmark-delete{margin-right:auto}.bookmark-menu #bookmark-delete .icon{background-color:var(--text-primary-red)}@media(min-width:769px){.bookmark-menu #bookmark-note{max-height:max(100vh - 30rem,5rem)}}.article-actions-container{align-items:center;background-color:var(--background-secondary);border-bottom:1px solid var(--border-primary);margin:0;min-height:var(--article-actions-container-height);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(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(min-width:769px){.article-actions-container{position:static}.article-actions-container .bookmark-button-container{flex:0 0 40px}}@media(min-width:1441px){.article-actions-container .container{padding-left:1rem;padding-right:1rem}}.plus-header-mandala{--plus-header:var(--collections-header);--plus-mandala:var(--collections-mandala);--plus-icon:var(--collections-icon);--plus-link:var(--collections-link);background:var(--plus-header);overflow:hidden;padding:1.25rem 0}.plus-header-mandala .container,.plus-header-mandala .container>{position:relative}.plus-header-mandala .container .mandala-icon-wrapper{display:inline-block;margin-right:.5rem;position:relative;top:-.2rem}@media(min-width:992px){.plus-header-mandala .container .mandala-icon-wrapper{position:absolute;right:10rem;top:50%;transform:translateY(-50%)}}.plus-header-mandala .container .mandala-icon-wrapper .mandala-container{--mandala-primary:var(--plus-mandala);left:50%;position:absolute;top:50%;transform:translate(-50%,-49.4%)}.plus-header-mandala .container .mandala-icon-wrapper .icon{background:var(--plus-icon);height:2rem;width:2rem}.plus-header-mandala .container h1{font-size:2rem;margin:0;position:static}.plus-header-mandala .container h1 span{position:relative}.plus-header-mandala .container p{margin:1rem 0}.plus-header-mandala .container p:last-child{margin-bottom:0}.plus-header-mandala .container h1 span,.plus-header-mandala .container p{text-shadow:2px 2px 3px var(--plus-header),2px -2px 3px var(--plus-header),-2px -2px 3px var(--plus-header),-2px 2px 3px var(--plus-header)}.plus-header-mandala .container a{color:var(--plus-link);-webkit-text-decoration:underline;text-decoration:underline}.plus-header-mandala .container .button-wrap{font-size:.875rem;font-weight:700}@media(min-width:769px){.ai-help .container,.collections .container,.updates .container{max-width:43rem}}@media(min-width:992px){.ai-help .container,.collections .container,.updates .container{max-width:52rem}}.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 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 textPath[href="#circle1"]{font-size:1.5rem}.mandala-container textPath[href="#circle2"]{font-size:1.3rem}.mandala-container textPath[href="#circle3"]{font-size:1.2rem}.mandala-container textPath[href="#circle4"]{font-size:1.1rem}.mandala-container textPath[href="#circle5"]{font-size:1rem}.mandala-container.pride:not(.animate-colors) textPath{opacity:.9}.mandala-container.pride:not(.animate-colors) textPath[href="#circle1"]{fill:var(--pride-0)}.mandala-container.pride:not(.animate-colors) textPath[href="#circle2"]{fill:var(--pride-1)}.mandala-container.pride:not(.animate-colors) textPath[href="#circle3"]{fill:var(--pride-2)}.mandala-container.pride:not(.animate-colors) textPath[href="#circle4"]{fill:var(--pride-3)}.mandala-container.pride:not(.animate-colors) textPath[href="#circle5"]{fill:var(--pride-4)}.mandala-container.pride:not(.animate-colors) textPath[href="#circle6"]{fill:var(--pride-5);font-size:.9rem;font-weight:500}.mandala-container.pride.animate-colors svg>text>textPath>tspan{animation:mandala-color-change 50s infinite;animation-timing-function:ease-in-out;fill:var(--mandala-primary)}.mandala-container.pride.animate-colors textPath[href="#circle1"]>tspan{animation-delay:-15s;fill:var(--mandala-accent-1)}.mandala-container.pride.animate-colors textPath[href="#circle2"]>tspan{animation-delay:-20s;fill:var(--mandala-accent-2)}.mandala-container.pride.animate-colors textPath[href="#circle3"]>tspan{animation-delay:-30s;fill:var(--mandala-accent-3)}.mandala-container.pride.animate-colors textPath[href="#circle5"]>tspan{animation-delay:-40s;fill:var(--mandala-accent-4)}@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)}}.offer-hero{background-color:var(--background-primary);color:var(--text-primary);display:grid;grid-template-rows:fit-content(24rem);width:100%}.offer-hero .offer-hero-header{align-items:center;color:var(--text-secondary);display:flex;flex-direction:row;grid-column:1;grid-row:1;margin:0 auto;max-width:52rem;padding:1rem;transition:all .3s ease-in-out;width:auto}.offer-hero .offer-hero-header .offer-hero-wrapper{align-self:start;z-index:1}.offer-hero .offer-hero-header .offer-hero-wrapper h1{font-size:3rem;margin-top:1rem}.offer-hero .offer-hero-header .offer-hero-wrapper h1 span{display:block}.offer-hero .offer-hero-header .offer-hero-wrapper h1 span:first-child{margin-bottom:.5rem}.offer-hero .offer-hero-header .offer-hero-wrapper h2{font:var(--type-heading-h3);width:100%}.offer-hero .offer-hero-header .offer-hero-wrapper .button-wrapper{display:flex;gap:1rem;width:100%}.offer-hero .offer-hero-header .offer-hero-wrapper .button-wrapper a{border-radius:var(--elem-radius);font-size:14px;font-weight:600;line-height:175%;padding:.5rem;position:relative;text-align:center;transition:all .2s ease;width:140px;width:100%;z-index:1}.offer-hero .offer-hero-header .offer-hero-wrapper .button-wrapper .button-primary{background-color:var(--text-primary);border:2px solid var(--text-primary);color:var(--text-invert)}.offer-hero .offer-hero-header .offer-hero-wrapper .button-wrapper .button-primary:hover{background-color:var(--text-secondary);border-color:var(--text-secondary)}.offer-hero .offer-hero-header .offer-hero-wrapper .button-wrapper .button-secondary{background:rgba(21,20,26,.102);border:2px solid var(--button-secondary-border-red);color:#fff}.offer-hero .offer-hero-header .offer-hero-wrapper .button-wrapper .button-secondary:hover{border:2px solid var(--button-secondary-border-red-focus)}.offer-hero .mandala-wrapper{--mandala-primary:var(--border-primary);grid-column:1;grid-row:1;overflow:hidden;top:0;transition:all 1s ease-in-out;width:100%}.offer-hero .mandala-wrapper .mandala-translate{transform:translate(10rem,-8rem) scale(1.2)}@media(min-width:426px){.offer-hero .mandala-wrapper .mandala-translate{transform:translate(12rem,-8rem)}}.offer-overview-feature{background-color:var(--background-primary);color:var(--text-primary);min-height:25rem;width:100%}.offer-overview-feature .wrapper{align-items:center;display:flex;flex-direction:column-reverse;gap:4rem;height:100%;justify-content:space-between;margin:0 auto;max-width:64rem;padding:4rem 1rem;width:100%}@media(min-width:1200px){.offer-overview-feature .wrapper{flex-direction:row}}.offer-overview-feature .wrapper .copy-container,.offer-overview-feature .wrapper .img-container{display:flex;flex-direction:column;width:100%}.offer-overview-feature .wrapper .img-container{align-items:center;border-radius:1rem;box-shadow:0 3px 22px rgba(43,42,51,.102);height:100%;max-width:25rem}@media(min-width:1200px){.offer-overview-feature .wrapper .img-container{max-width:min(50%,20rem)}}.offer-overview-feature .wrapper .copy-container{align-items:center;max-width:40rem;text-align:center}.offer-overview-feature .wrapper .copy-container a{justify-content:start}.offer-overview-feature .wrapper .copy-container h2{color:var(--plus-accent-color);font:700 12px/120% Inter;letter-spacing:1.5px;margin-bottom:1rem;margin-top:0;text-transform:uppercase}.offer-overview-feature .wrapper .copy-container h3{font-size:1.75rem;font-weight:400;margin-top:0}@media(min-width:1200px){.offer-overview-feature .wrapper .copy-container{align-items:normal;height:100%;max-width:50%;text-align:initial}}.offer-overview-feature:nth-child(2n) .wrapper{flex-direction:column}@media(min-width:1200px){.offer-overview-feature:nth-child(2n) .wrapper{flex-direction:row}}.offer-overview-feature:nth-child(odd){background:var(--background-secondary)}.offer-overview-feature:nth-child(odd) .wrapper{flex-direction:column}@media(min-width:1200px){.offer-overview-feature:nth-child(odd) .wrapper{flex-direction:row-reverse}}.plus-subscribe-wrapper{background:var(--background-primary)}.plus-subscribe-wrapper .subscribe{margin:0 auto;padding:2rem 1rem;text-align:center}@media(min-width:769px){.plus-subscribe-wrapper .subscribe{padding:2rem 4rem}}.plus-subscribe-wrapper .subscribe h2{font-size:24px;font-style:normal;font-variation-settings:normal;font-weight:650;line-height:120%}.plus-subscribe-wrapper .subscribe .switch,.plus-subscribe-wrapper .subscribe h2{color:var(--text-primary);margin-bottom:2rem}.plus-subscribe-wrapper .subscribe .wrapper,.plus-subscribe-wrapper .subscribe .wrapper-offline{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:0 auto}.plus-subscribe-wrapper .subscribe .wrapper .wrapper-offline,.plus-subscribe-wrapper .subscribe .wrapper-offline .wrapper-offline{display:none}@media(min-width:66rem){.plus-subscribe-wrapper .subscribe .wrapper,.plus-subscribe-wrapper .subscribe .wrapper-offline{align-items:stretch;flex-direction:row}}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail{align-items:center;background-color:var(--text-secondary);border-radius:1rem;color:var(--text-invert);display:flex;flex-direction:column;gap:1rem;max-width:20rem;min-width:16rem;width:100%}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail#plus5,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail#plus5{background-color:var(--text-primary-blue)}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail#plus10,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail#plus10{background-color:var(--text-primary-red)}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail#core,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail#core{background-color:var(--text-primary-green)}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail h3,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail h3{background:#00000080;border-radius:1rem 1rem 0 0;color:var(--text-primary);font-size:1em;margin:0;padding:.5rem;width:100%}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info{display:flex;flex-direction:column;gap:1.5rem;height:100%;margin-top:1rem;padding:0 2rem 2rem;width:100%}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info h3,.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info p,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info h3,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info p{margin:0}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info .price,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info .price{align-content:center;column-gap:.5rem;display:grid;grid-template-columns:1fr 1fr;height:3rem}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info .price .sub-price,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info .price .sub-price{font-size:36px;font-style:normal;font-variation-settings:normal;font-weight:650;grid-column:1/2;justify-self:right;line-height:120%}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info .price .free,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info .price .free{grid-column:1/3;justify-self:center}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info .price .sub-length,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info .price .sub-length{font-size:.8rem;font-style:normal;font-variation-settings:normal;grid-column:2/3;justify-self:left;line-height:120%;margin:auto 0;text-align:left}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info .includes,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info .includes{align-self:flex-start}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info ul,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info ul{align-self:flex-start;list-style-type:"✔ ";margin-left:1rem;width:100%}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info ul li,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info ul li{line-height:1.75;padding-left:.5rem;text-align:left;width:100%}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info ul li a,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info ul li a{color:var(--text-invert);-webkit-text-decoration:underline;text-decoration:underline;width:-webkit-fit-content;width:fit-content}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info ul li a:hover,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info ul li a:hover{-webkit-text-decoration:none;text-decoration:none}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info ul li sup.new,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info ul li sup.new{--new-background:var(--mdn-color-background-highlight);--new-color:inherit;margin-left:.25rem}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info .sub-link,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info .sub-link{align-items:center;align-self:center;background:#1b1b1b;border-radius:1rem;color:var(--text-primary);display:flex;font-weight:620;height:2rem;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:.25rem .5rem;width:calc(100% - 1rem)}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info .terms,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info .terms{color:var(--text-invert);font-size:14px;font-style:italic;font-variation-settings:"slnt" -10;margin-top:auto;-webkit-text-decoration:underline;text-decoration:underline}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info .terms.external:after,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info .terms.external:after{background-color:var(--text-invert)}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info .current,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info .current{background-color:initial;border:1px solid var(--mdn-color-black);color:var(--mdn-color-black)}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info .na,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info .na{background-color:var(--mdn-background-light-grey);border:1px solid var(--mdn-background-light-grey);color:var(--mdn-color-dark-grey)}.plus-subscribe-wrapper .subscribe .wrapper .subscribe-detail .sub-info .na:after,.plus-subscribe-wrapper .subscribe .wrapper-offline .subscribe-detail .sub-info .na:after{background-color:var(--mdn-color-dark-grey);content:"";display:inline-block;height:16px;margin-left:.3rem;-webkit-mask-image:url(/static/legacy/question-mark.423ba48d7301b007.svg);mask-image:url(/static/legacy/question-mark.423ba48d7301b007.svg);width:16px}.plus-for-companies{color:var(--text-primary);margin:0;padding:1rem 1rem 2rem;text-align:center},: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{font-family:var(--font-body);font-size:var(--base-font-size);line-height:var(--font-content-line-height);text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a{-webkit-text-decoration:none;text-decoration:none}img,picture{display:block;max-width:100%}em{font-variation-settings:"slnt" -10}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto},:after,:before{animation-duration:.01ms!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;font-variation-settings:"slnt" -10}.token.entity{cursor:help}.notecard{--note-background:var(--background-information);--note-theme:var(--icon-information);background-color:var(--note-background);border-left:2px solid var(--note-theme);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}.notecard:before{background-color:var(--note-theme);content:"";display:block;height:1rem;left:1rem;-webkit-mask-image:url(/static/legacy/note-info.eacdd4a9f2821d63.svg);mask-image:url(/static/legacy/note-info.eacdd4a9f2821d63.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.35rem;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/legacy/note-warning.cd4aec5f2f0a3c65.svg);mask-image:url(/static/legacy/note-warning.cd4aec5f2f0a3c65.svg)}.notecard.nonstandard{--note-background:var(--background-warning);--note-theme:var(--icon-warning)}.notecard.nonstandard:before{-webkit-mask-image:url(/static/legacy/nonstandard.cd4aec5f2f0a3c65.svg);mask-image:url(/static/legacy/nonstandard.cd4aec5f2f0a3c65.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/legacy/note-deprecated.373dd62cee35d969.svg);mask-image:url(/static/legacy/note-deprecated.373dd62cee35d969.svg)}.notecard.deprecated{--note-background:var(--background-critical);--note-theme:var(--icon-critical)}.notecard.deprecated:before{-webkit-mask-image:url(/static/legacy/deprecated.c40ec2e5fa028b18.svg);mask-image:url(/static/legacy/deprecated.c40ec2e5fa028b18.svg)}.notecard.experimental:before{-webkit-mask-image:url(/static/legacy/experimental.317e4709a9ee5689.svg);mask-image:url(/static/legacy/experimental.317e4709a9ee5689.svg)}.notecard.success{--note-background:var(--background-success);--note-theme:var(--icon-success)}.notecard.success:before{-webkit-mask-image:url(/static/legacy/note-info.eacdd4a9f2821d63.svg);mask-image:url(/static/legacy/note-info.eacdd4a9f2821d63.svg)}.main-page-content .notecard ol,.main-page-content .notecard ul,.notecard ol,.notecard ul,dd .notecard ol,dd .notecard ul{padding-left:1rem}.main-page-content .notecard li,.main-page-content .notecard ol,.main-page-content .notecard p,.main-page-content .notecard ul,.notecard li,.notecard ol,.notecard p,.notecard ul,dd .notecard li,dd .notecard ol,dd .notecard p,dd .notecard ul{margin:0;padding-bottom:.5rem}.main-page-content .notecard li:last-child,.main-page-content .notecard ol:last-child,.main-page-content .notecard p:last-child,.main-page-content .notecard ul:last-child,.notecard li:last-child,.notecard ol:last-child,.notecard p:last-child,.notecard ul:last-child,dd .notecard li:last-child,dd .notecard ol:last-child,dd .notecard p:last-child,dd .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>:last-child :last-child{margin-bottom:0}.notecard h1,.notecard h2,.notecard h3,.notecard h4,.notecard h5,.notecard h6{color:var(--text-primary);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{-webkit-text-decoration:none;text-decoration:none}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;padding:1rem 0}.pagination-label{font-size:var(--type-smaller-font-size)}.button,button{-webkit-appearance:none;appearance:none;background:none;border:none}.button{--button-bg:var(--button-primary-default);--button-bg-hover:var(--button-primary-hover);--button-bg-active:var(--button-primary-active);--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;-webkit-text-decoration:none;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-border-color:var(--button-bg-hover,var(--button-bg))}.button.hover .button-wrap,.button:hover .button-wrap{background-color:var(--button-bg-hover,var(--button-bg))}.button.active .button-wrap,.button:active .button-wrap{background-color:var(--button-bg-active,var(--button-bg))}.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-hover:unset}.button.button.inactive:active,.button.button[disabled]:active{--button-bg-active:unset}.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-bg-hover:var(--button-secondary-hover);--button-bg-active:var(--button-secondary-active)}.button.secondary:focus{--button-border-color:var(--button-secondary-border-focus)}.button.action{--button-bg:#0000;--button-border-color:var(--button-bg);--button-color:var(--text-secondary);--button-font:var(--type-label-s);--button-bg-hover:var(--button-secondary-hover);--button-bg-active:var(--button-secondary-active)}.button.action.has-icon{--button-font:var(--type-emphasis-m);text-transform:none}.button.action:focus{--button-border-color:var(--button-secondary-border-focus)}.button.action .button-wrap{text-transform:var(--button-action-transform,uppercase)}.button.action.highlight{--button-color:var(--button-primary-default)}.button.select{--button-bg:var(--button-secondary-default);--button-bg-hover:var(--button-secondary-hover);--button-bg-active:var(--button-secondary-active);--button-border-color:var(--border-primary);--button-color:var(--text-secondary);-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;-webkit-text-decoration:none;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/legacy/small-arrow.7688fc1262388c91.svg);mask-image:url(/static/legacy/small-arrow.7688fc1262388c91.svg);-webkit-mask-size:cover;mask-size:cover;position:absolute;right:.5rem;top:calc(50% - .5rem);width:16px}.button.link{--button-bg:none;--button-bg-hover:none;--button-bg-active:none;--button-border-color:none;--button-focus-effect:none;--button-secondary-border-focus:none;--button-height:auto;--button-font:unset;--button-padding:0;--button-radius:0;--button-color:var(--text-link);-webkit-appearance:none;appearance:none;display:inline;-webkit-text-decoration:none;text-decoration:none}.button.link:focus-visible{outline-color:var(--accent-primary);outline-offset:1px;outline-style:auto}.mdn-form{font-family:var(--font-body);font-size:var(--type-smaller-font-size);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=email],.mdn-form-item [type=text],.mdn-form-item select,.mdn-form-item textarea{background:var(--background-primary);border:1px solid var(--border-primary);color:var(--text-primary);flex:1 1 100%;font-size:var(--type-smaller-font-size);min-width:0;padding:.5rem}.mdn-form-item [type=email]:focus,.mdn-form-item [type=text]:focus,.mdn-form-item select:focus,.mdn-form-item textarea:focus{border:1px solid var(--button-secondary-border-focus);box-shadow:var(--focus-effect);outline:0 none}.mdn-form-item select{-webkit-appearance:none;appearance:none}.mdn-form-item .select-wrap{display:flex;flex:1 1 100%;position:relative}.mdn-form-item .select-wrap:after{background-color:var(--icon-primary);content:"";display:block;height:16px;-webkit-mask-image:url(/static/legacy/small-arrow.7688fc1262388c91.svg);mask-image:url(/static/legacy/small-arrow.7688fc1262388c91.svg);-webkit-mask-size:cover;mask-size:cover;pointer-events:none;position:absolute;right:.5rem;top:calc(50% - .5rem);width:16px}.mdn-form-item label,.mdn-form-item select{text-overflow:ellipsis;width:100%}.mdn-form-item :invalid{border-color:var(--form-invalid-color)}.mdn-form-item :invalid:focus{border-color:var(--form-invalid-focus-color);box-shadow:0 0 0 3px var(--form-invalid-focus-effect-color)}.mdn-form-item .limit{color:var(--form-limit-color);font-size:.6875rem;margin-left:auto}.mdn-form-item .limit b{color:var(--form-limit-color-emphasis)}.mdn-form-item .limit.invalid b{color:var(--form-invalid-color)}.mdn-form.mdn-form-big .mdn-form-item,.modal-body .mdn-form-item{padding-top:1.5rem}.mdn-form.mdn-form-big .mdn-form-item:first-child,.modal-body .mdn-form-item:first-child{padding-top:0}.mdn-form.mdn-form-big .mdn-form-item [type=email],.mdn-form.mdn-form-big .mdn-form-item [type=text],.mdn-form.mdn-form-big .mdn-form-item label,.mdn-form.mdn-form-big .mdn-form-item textarea,.modal-body .mdn-form-item [type=email],.modal-body .mdn-form-item [type=text],.modal-body .mdn-form-item label,.modal-body .mdn-form-item textarea{font-size:1rem;font-weight:400}.mdn-form.mdn-form-big .button-wrap,.modal-body .button-wrap{font-size:1rem;height:auto;line-height:1.5;padding:.5rem 2rem}: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;--top-banner-inner-height:3.125rem;--top-banner-height:calc(var(--top-banner-inner-height) + 0.25rem);--top-banner-outer-height:calc(var(--top-banner-height) + 2px);--z-index-a11y:10000;--z-index-modal-content:801;--z-index-modal-overlay:800;--z-index-main-header:700;--z-index-sidebar-mobile:600;--z-index-mid:500;--z-index-nav-menu:200;--z-index-search-results:101;--z-index-low:100;--z-index-search-results-home:99;--z-index-back:-1;--elem-radius:0.25rem;--focus-effect:0 0 0 3px var(--accent-primary-engage);--form-elem-height:2rem;--top-nav-height:4rem;--article-actions-container-height:2rem;--icon-size:1rem;--sticky-header-without-actions-height:calc(var(--top-nav-height) + 1px);--sticky-header-with-actions-height:calc(var(--sticky-header-without-actions-height) + var(--article-actions-container-height) + 1px)}@media(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,section[id]{scroll-margin-top:var(--sticky-header-with-actions-height)}.sticky-header-container.without-actions~ :target,.sticky-header-container.without-actions~* section[id]{scroll-margin-top:var(--sticky-header-without-actions-height)}body{accent-color:var(--accent-primary);background-color:var(--background-primary);color:var(--text-primary);scrollbar-color:var(--scrollbar-color) var(--scrollbar-bg)}@media(max-width:769px){body.mobile-overlay-active{overflow:hidden}}:focus-visible{outline-color:var(--accent-primary);outline-offset:1px;outline-style:auto}main{display:flow-root;min-height:80vh}.main-page-content a:link,.main-page-content a:visited{-webkit-text-decoration:underline;text-decoration:underline}.main-page-content a:focus,.main-page-content a:hover{-webkit-text-decoration:none;text-decoration:none}.visually-hidden{border:0!important;clip:rect(1px,1px,1px,1px)!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}.contents{display:contents}.hidden{display:none}.inline-block{display:inline-block}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}a{color:var(--text-link)}.external:after{background-color:var(--icon-primary);content:"";display:inline-flex;height:10px;margin-left:4px;-webkit-mask-image:url(/static/legacy/external.deb9bcd511070d4f.svg);mask-image:url(/static/legacy/external.deb9bcd511070d4f.svg);-webkit-mask-size:cover;mask-size:cover;width:10px}button.button[disabled],input[disabled]{cursor:not-allowed}.expand-this-link:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}[type=search]::-ms-clear,[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-engage:var(--plus-accent-engage);--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-engage:var(--html-accent-engage);--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-engage:var(--css-accent-engage);--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-engage:var(--js-accent-engage);--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-engage:var(--http-accent-engage);--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-engage:var(--apis-accent-engage);--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-engage:var(--learn-accent-engage);--category-color-background:var(--learn-accent-background-color);--mark-color:var(--api-mark-color)}.mify{margin-left:.5rem}.mify:after{content:" ";-webkit-text-decoration:underline;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/legacy/m-logo.75ea8b51ac6d6271.svg) no-repeat 50% 50%;mask:url(/static/legacy/m-logo.75ea8b51ac6d6271.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;transform:translate(-.2em,.2em);width:1.2em}._ify:after{content:" ";-webkit-text-decoration:underline;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}}sup.new{background:var(--new-background);border-radius:1em;color:var(--new-color);display:inline-block;font-size:.45rem;font-weight:700;line-height:1.7;padding:0 .4em;text-rendering:optimizeLegibility;text-transform:uppercase}sup.new.beta{background:var(--new-background-beta,var(--new-background))}.sticky-header-container{position:-webkit-sticky;position:sticky;top:-1px;z-index:var(--z-index-main-header)}.feedback-link:before{background-color:var(--feedback-link-icon,var(--text-link));content:"";display:inline-flex;height:1em;margin-right:.4em;-webkit-mask-image:url(/static/legacy/feedback.d387aa9ea5798baf.svg);mask-image:url(/static/legacy/feedback.d387aa9ea5798baf.svg);-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}:root,body{--mdn-color-white:#fff;--mdn-color-black:#000;--mdn-color-ads:#00d0aa;--mdn-color-background-highlight:#f0e498;--mdn-color-dark-grey:#4e4e4e;--mdn-background-dark:#1b1b1b;--mdn-background-light:#fff;--mdn-background-light-grey:#e2e2e2;--color-announcement-banner-accent:#ff6d91;--pride-0:#e50000;--pride-1:#e68d00;--pride-2:#e6d600;--pride-3:#008100;--pride-4:#004cff;--pride-5:#760188}.light{--text-primary:#1b1b1b;--text-secondary:#4e4e4e;--text-active:#858585;--text-inactive:#9e9e9ea6;--text-link:#0069c2;--text-visited:#551a8b;--text-invert:#fff;--text-muted:#6f6f6f;--background-primary:#fff;--background-secondary:#f9f9fb;--background-tertiary:#ebeaea;--background-toc-active:#ebeaea;--background-mark-yellow:#c7b70066;--background-mark-green:#00d06166;--background-information:#0085f21a;--background-warning:#ff2a511a;--background-critical:#d300381a;--background-success:#0079361a;--background-del:#d3003880;--background-ins:#00793680;--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:#0085f21a;--accent-secondary:#0085f2;--accent-tertiary:#0085f21a;--shadow-01:0 1px 2px #2b2a330d;--shadow-02:0 1px 6px #2b2a331a;--focus-01:0 0 0 3px #0090ed66;--field-focus-border:#0085f2;--code-token-tag:#0069c2;--code-token-punctuation:#858585;--code-token-attribute-name:#d30038;--code-token-attribute-value:#007936;--code-token-comment:#858585;--code-token-default:#1b1b1b;--code-token-selector:#872bff;--code-background-inline:#f2f1f1;--code-background-block:#f2f1f1;--ix-tab-background-active:#fff;--notecard-link-color:#343434;--scrollbar-bg:#0000;--scrollbar-color:#00000040;--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:#ff2a51b3;--html-accent-engage:#ff2a51b3;--css-accent-engage:#0085f2b3;--js-accent-engage:#938700b3;--http-accent-engage:#009a46b3;--apis-accent-engage:#9b65ffb3;--learn-accent-engage:#ff1f72b3;--modal-backdrop-color:#1b1b1b1a;--blend-color:#fff80;--text-primary-red:#d30038;--text-primary-green:#007936;--text-primary-blue:#0069c2;--text-primary-yellow:#746a00;--collections-link:#9e0027;--collections-header:#ffd9dc;--collections-mandala:#ff97a0;--collections-icon:#ff2a51;--updates-link:#0069c2;--updates-header:#f9f9fb;--updates-mandala:#8cb4ff;--updates-icon:#0085f2;--ai-help-link:#007936;--ai-help-header:#f9f9fb;--ai-help-mandala:#00d061;--ai-help-icon:#009a46;--ai-help-accent-background-color:#009a4610;--observatory-bg:#f2f2f5;--observatory-bg-code:#e1e1e1;--observatory-bg-secondary:#fff;--observatory-color:#000;--observatory-color-secondary:#696969;--observatory-inverse-color:#fff;--observatory-inverse-color-secondary:#b3b3b3;--observatory-accent:#5a23d7;--observatory-accent-light:#5a23d7aa;--observatory-border:#e4e4f6;--observatory-border-accent:#5a23d7;--observatory-pass-icon-bg:#e5fae6;--observatory-pass-icon-color:#007936;--observatory-fail-icon-bg:#fae5e5;--observatory-fail-icon-color:#d30038;--observatory-table-bg:#fff;--observatory-table-bg-alternate:#f9f9fb;--observatory-table-header-bg:#f9f9fb;--observatory-grade-a-bg:#d2fadd;--observatory-grade-a-border:#017a37;--observatory-grade-b-bg:#e8fad2;--observatory-grade-b-border:#547a01;--observatory-grade-c-bg:#faf8d2;--observatory-grade-c-border:#7a7001;--observatory-grade-d-bg:#fae8d2;--observatory-grade-d-border:#a65001;--observatory-grade-f-bg:#fad2d2;--observatory-grade-f-border:#a00;--observatory-arrow-down-color:#9e0027;--observatory-arrow-up-color:#007936;--form-limit-color:#696969;--form-limit-color-emphasis:#4e4e4e;--form-invalid-color:#d30038;--form-invalid-focus-color:#ff2a51;--form-invalid-focus-effect-color:#ff2a5133;--baseline-high-bg:#e6f4ea;--baseline-high-engine-bg:#ceead6;--baseline-high-img:url(/static/legacy/high.ed4c328bec7a5dd4.svg);--baseline-high-check:#099949;--baseline-low-bg:#e8f0fe;--baseline-low-engine-bg:#d2e3fc;--baseline-low-check:#1a73e8;--baseline-low-img:url(/static/legacy/low.0e3be746b80df89e.svg);--baseline-low-pill-bg:#3367d6;--baseline-low-pill-color:#f1f3f4;--baseline-limited-bg:#f1f3f4;--baseline-limited-engine-bg:#e3e6e8;--baseline-limited-img:url(/static/legacy/limited.2e37fd0b788967df.svg);--baseline-limited-check:#1e8e3e;--baseline-limited-cross:#ea8600;--curriculum-bg-color:#fcefe2;--curriculum-bg-color-note:#fcefe280;--curriculum-bg-large-color:#fcefe2;--curriculum-bg-color-topic-standards:#ff2a5130;--curriculum-bg-color-topic-styling:#0085f230;--curriculum-bg-color-topic-scripting:#93870030;--curriculum-bg-color-topic-tooling:#009a4630;--curriculum-bg-color-topic-practices:#9b65ff30;--curriculum-bg-color-landing:#fff;--curriculum-bg-color-landing-about-ul:#fff;--curriculum-bg-color-landing-top-icon:#fcefe2;--curriculum-bg-color-landing-stairway-floor:#fcefe2;--curriculum-category-color:#e3642a;--curriculum-color:#d47d55;--curriculum-module-label-color:#b34d1f;--curriculum-module-label-bg-color:#faf0e3;--curriculum-color-topic-standards:#d30038;--curriculum-color-topic-styling:#0069c2;--curriculum-color-topic-scripting:#746a00;--curriculum-color-topic-tooling:#007936;--curriculum-color-topic-practices:#872bff;--curriculum-color-landing-laptop:#e3642a;--curriculum-border-color:#f2f1f1;--curriculum-border-color-hover:var(--text-inactive);--curriculum-bg-color-list-item-body:#fff;--curriculum-color-list-item-icon-topic-standards:#d30038;--curriculum-color-list-item-icon-topic-styling:#0069c2;--curriculum-color-list-item-icon-topic-scripting:#746a00;--curriculum-color-list-item-icon-topic-tooling:#007936;--curriculum-color-list-item-icon-topic-practices:#872bff;--curriculum-bg-color-list-item-icon-topic-standards:#fff;--curriculum-bg-color-list-item-icon-topic-styling:#fff;--curriculum-bg-color-list-item-icon-topic-scripting:#fff;--curriculum-bg-color-list-item-icon-topic-tooling:#fff;--curriculum-bg-color-list-item-icon-topic-practices:#fff;--curriculum-bg-color-list-item-topic-standards:#ff2a5130;--curriculum-bg-color-list-item-topic-styling:#0085f230;--curriculum-bg-color-list-item-topic-scripting:#93870030;--curriculum-bg-color-list-item-topic-tooling:#009a4630;--curriculum-bg-color-list-item-topic-practices:#9b65ff30;--curriculum-bg-color-partner:#fff;--curriculum-shadow:4px 4px 8px 0 #b3b3b32e,-4px 4px 8px 0 #b3b3b326;--curriculum-shadow-landing-about-ul:0 4px 10px 0 #e3642a0f,0 -2px 4px 0 #b25c350f;--curriculum-landing-about-beginner:url(/static/legacy/curriculum-landing-about-beginner.5166f339392ce8a9.svg#light);--curriculum-landing-about-pace:url(/static/legacy/curriculum-landing-about-pace.77a202dd136a4d3c.svg#light);--curriculum-landing-about-free:url(/static/legacy/curriculum-landing-about-free.a611c33d1ba7e33d.svg#light);--curriculum-landing-about-bullet:url(/static/legacy/curriculum-landing-about-bullet.046c6d7e69f09789.svg#light);--curriculum-landing-started-beginner:url(/static/legacy/curriculum-landing-started-beginner.02e09619ed6e3f6b.svg#small-light);--curriculum-landing-started-advanced:url(/static/legacy/curriculum-landing-started-advanced.977e749fb909b586.svg#small-light);--curriculum-landing-started-employment:url(/static/legacy/curriculum-landing-started-employment.9434f729055ae3ce.svg#small-light);--curriculum-landing-started-educator:url(/static/legacy/curriculum-landing-started-educator.47e9cc52f38138b9.svg#small-light);--curriculum-module-mdn-resource:url(/static/legacy/curriculum-mdn-resource.ce11df2c516049b5.svg#light);--curriculum-bullet:url(/static/legacy/curriculum-bullet.e4cc51ab8d7a7353.svg#light);--curriculum-about-covered:url(/static/legacy/curriculum-about-covered.fc1bc064f68bdc94.svg#light);--curriculum-about-detail:url(/static/legacy/curriculum-about-detail.cde5aac4bc0382ff.svg#light);--curriculum-about-educators:url(/static/legacy/curriculum-about-educators.cc26cdf6c8251004.svg#light);--curriculum-about-not:url(/static/legacy/curriculum-about-not.c0afc382d860ab0c.svg#light);--curriculum-about-students:url(/static/legacy/curriculum-about-students.6e789e80d10071b4.svg#light);--curriculum-bg-image-partner:url(/static/legacy/curriculum-partner-bg.b95320464e0fc574.svg#light);--curriculum-scrim-bg:url(/static/legacy/curriculum-scrim-bg.e316aaae40a106ee.svg#light);--curriculum-landing-arrow:url(/static/legacy/curriculum-landing-arrow.458ced8a8dee9e19.svg#light);--csstools-color-scheme--light:initial;color-scheme:light}@media(min-width:769px){.light{--curriculum-landing-started-beginner:url(/static/legacy/curriculum-landing-started-beginner.02e09619ed6e3f6b.svg#light);--curriculum-landing-started-advanced:url(/static/legacy/curriculum-landing-started-advanced.977e749fb909b586.svg#light);--curriculum-landing-started-employment:url(/static/legacy/curriculum-landing-started-employment.9434f729055ae3ce.svg#light);--curriculum-landing-started-educator:url(/static/legacy/curriculum-landing-started-educator.47e9cc52f38138b9.svg#light)}}.dark{--text-primary:#fff;--text-secondary:#cdcdcd;--text-active:#858585;--text-inactive:#cdcdcda6;--text-link:#8cb4ff;--text-visited:#ffadff;--text-invert:#1b1b1b;--text-muted:#858585;--background-primary:#1b1b1b;--background-secondary:#313131;--background-tertiary:#858585;--background-toc-active:#343434;--background-mark-yellow:#c7b70066;--background-mark-green:#00d06166;--background-information:#0085f21a;--background-warning:#ff2a511a;--background-critical:#d300381a;--background-success:#0079361a;--background-del:#d3003880;--background-ins:#00793680;--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:#5e9eff1a;--accent-secondary:#5e9eff;--accent-tertiary:#0085f21a;--shadow-01:0 1px 2px #fbfbfe33;--shadow-02:0 1px 6px #fbfbfe33;--focus-01:0 0 0 3px #fbfbfe80;--field-focus-border:#fff;--code-token-tag:#c1cff1;--code-token-punctuation:#b3b3b3;--code-token-attribute-name:#ff97a0;--code-token-attribute-value:#00d061;--code-token-comment:#b3b3b3;--code-token-default:#fff;--code-token-selector:#bea5ff;--code-background-inline:#343434;--code-background-block:#343434;--ix-tab-background-active:#4e4e4e;--notecard-link-color:#e2e2e2;--scrollbar-bg:#0000;--scrollbar-color:#ffffff40;--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:#ff707fb3;--html-accent-engage:#ff707fb3;--css-accent-engage:#8cb4ffb3;--js-accent-engage:#afa100b3;--http-accent-engage:#00b755b3;--apis-accent-engage:#ae8affb3;--learn-accent-engage:#ff6d91b3;--modal-backdrop-color:#1b1b1bb3;--blend-color:#00080;--text-primary-red:#ff97a0;--text-primary-green:#00d061;--text-primary-blue:#8cb4ff;--text-primary-yellow:#c7b700;--collections-link:#ff97a0;--collections-header:#40000a;--collections-mandala:#9e0027;--collections-icon:#d30038;--updates-link:#8cb4ff;--updates-header:#000;--updates-mandala:#c1cff1;--updates-icon:#8cb4ff;--ai-help-link:#00d061;--ai-help-header:#000;--ai-help-mandala:#73e693;--ai-help-icon:#00d061;--ai-help-accent-background-color:#009a4630;--observatory-bg:#343434;--observatory-bg-code:#4d4d4d;--observatory-bg-secondary:#000;--observatory-color:#fff;--observatory-color-secondary:#f9f9fb;--observatory-inverse-color:#1b1b1b;--observatory-inverse-color-secondary:#696969;--observatory-accent:#a388ff;--observatory-accent-light:#a388ffaa;--observatory-border:#696969;--observatory-border-accent:#a388ff;--observatory-pass-icon-bg:#265c3d;--observatory-pass-icon-color:#8affa3;--observatory-fail-icon-bg:#5c2626;--observatory-fail-icon-color:#ff799b;--observatory-table-bg:#1b1b1b;--observatory-table-bg-alternate:#212121;--observatory-table-header-bg:#1b1b1b;--observatory-grade-a-bg:#265c3d;--observatory-grade-a-border:#89fca1;--observatory-grade-b-bg:#52662a;--observatory-grade-b-border:#d5fc88;--observatory-grade-c-bg:#66602a;--observatory-grade-c-border:#fcf988;--observatory-grade-d-bg:#5c3d26;--observatory-grade-d-border:#ff6a00;--observatory-grade-f-bg:#5c2626;--observatory-grade-f-border:#fc8888;--observatory-arrow-down-color:#ff707f;--observatory-arrow-up-color:#00ff6a;--form-limit-color:#9e9e9e;--form-limit-color-emphasis:#b3b3b3;--form-invalid-color:#ff97a0;--form-invalid-focus-color:#ff707f;--form-invalid-focus-effect-color:#ff707f33;--baseline-high-bg:#0e2a10;--baseline-high-engine-bg:#031b05;--baseline-high-img:url(/static/legacy/high-dark.abe249f56b9c62f9.svg);--baseline-high-check:#099949;--baseline-low-bg:#041e49;--baseline-low-engine-bg:#020d20;--baseline-low-check:#1a73e8;--baseline-low-img:url(/static/legacy/low-dark.7a79f7b7368ef5c0.svg);--baseline-low-pill-bg:#3367d6;--baseline-low-pill-color:#f1f3f4;--baseline-limited-bg:#282a2c;--baseline-limited-engine-bg:#1d1e1f;--baseline-limited-img:url(/static/legacy/limited-dark.0d15ef53cc4ad5ef.svg);--baseline-limited-check:#1e8e3e;--baseline-limited-cross:#ea8600;--curriculum-color:#e3642a;--curriculum-color-topic-standards:#f2919c;--curriculum-color-topic-styling:#91a6f2;--curriculum-color-topic-scripting:#f2cf8f;--curriculum-color-topic-tooling:#8ff2a4;--curriculum-color-topic-practices:#c891f2;--curriculum-bg-color:#321d13;--curriculum-bg-color-note:#332c29;--curriculum-bg-large-color:#343434;--curriculum-bg-color-topic-standards:#994b53;--curriculum-bg-color-topic-styling:#4e609e;--curriculum-bg-color-topic-scripting:#7d683d;--curriculum-bg-color-topic-tooling:#3d7c4b;--curriculum-bg-color-topic-practices:#584280;--curriculum-bg-color-landing:#0e0b0a;--curriculum-bg-color-landing-about-ul:#000;--curriculum-bg-color-landing-top-icon:#321d13;--curriculum-bg-color-landing-stairway-floor:#895b33;--curriculum-category-color:#e3642a;--curriculum-bg-color-grey:#1f1c1a;--curriculum-bg-color-orange:#b25c35;--curriculum-color-landing-laptop:#b25c35;--curriculum-bg-color-list-item-body:#000;--curriculum-border-color:#4e4e4e;--curriculum-border-color-hover:var(--text-inactive);--curriculum-module-label-color:#e3642a;--curriculum-module-label-bg-color:#321d13;--curriculum-bg-color-list-item-topic-standards:#343434;--curriculum-bg-color-list-item-topic-styling:#343434;--curriculum-bg-color-list-item-topic-scripting:#343434;--curriculum-bg-color-list-item-topic-tooling:#343434;--curriculum-bg-color-list-item-topic-practices:#343434;--curriculum-color-list-item-icon-topic-standards:#f2919c;--curriculum-color-list-item-icon-topic-styling:#91a6f2;--curriculum-color-list-item-icon-topic-scripting:#f2cf8f;--curriculum-color-list-item-icon-topic-tooling:#8ff2a4;--curriculum-color-list-item-icon-topic-practices:#c891f2;--curriculum-bg-color-list-item-icon-topic-standards:#804248;--curriculum-bg-color-list-item-icon-topic-styling:#425080;--curriculum-bg-color-list-item-icon-topic-scripting:#806a42;--curriculum-bg-color-list-item-icon-topic-tooling:#428050;--curriculum-bg-color-list-item-icon-topic-practices:#584280;--curriculum-bg-color-partner:#1f1c1a;--curriculum-shadow:2px 2px 5px 0 #24242426,-2px 2px 8px 0 #57575726;--curriculum-shadow-landing-about-ul:0 4px 10px 0 #e3642a0f,0 -2px 4px 0 #b25c350f;--curriculum-landing-about-beginner:url(/static/legacy/curriculum-landing-about-beginner.5166f339392ce8a9.svg#dark);--curriculum-landing-about-pace:url(/static/legacy/curriculum-landing-about-pace.77a202dd136a4d3c.svg#dark);--curriculum-landing-about-free:url(/static/legacy/curriculum-landing-about-free.a611c33d1ba7e33d.svg#dark);--curriculum-landing-about-bullet:url(/static/legacy/curriculum-landing-about-bullet.046c6d7e69f09789.svg#dark);--curriculum-landing-started-beginner:url(/static/legacy/curriculum-landing-started-beginner.02e09619ed6e3f6b.svg#small-dark);--curriculum-landing-started-advanced:url(/static/legacy/curriculum-landing-started-advanced.977e749fb909b586.svg#small-dark);--curriculum-landing-started-employment:url(/static/legacy/curriculum-landing-started-employment.9434f729055ae3ce.svg#small-dark);--curriculum-landing-started-educator:url(/static/legacy/curriculum-landing-started-educator.47e9cc52f38138b9.svg#small-dark);--curriculum-module-mdn-resource:url(/static/legacy/curriculum-mdn-resource.ce11df2c516049b5.svg#dark);--curriculum-bullet:url(/static/legacy/curriculum-bullet.e4cc51ab8d7a7353.svg#dark);--curriculum-about-covered:url(/static/legacy/curriculum-about-covered.fc1bc064f68bdc94.svg#dark);--curriculum-about-detail:url(/static/legacy/curriculum-about-detail.cde5aac4bc0382ff.svg#dark);--curriculum-about-educators:url(/static/legacy/curriculum-about-educators.cc26cdf6c8251004.svg#dark);--curriculum-about-not:url(/static/legacy/curriculum-about-not.c0afc382d860ab0c.svg#dark);--curriculum-about-students:url(/static/legacy/curriculum-about-students.6e789e80d10071b4.svg#dark);--curriculum-bg-image-partner:url(/static/legacy/curriculum-partner-bg.b95320464e0fc574.svg#dark);--curriculum-scrim-bg:url(/static/legacy/curriculum-scrim-bg.e316aaae40a106ee.svg#dark);--curriculum-landing-arrow:url(/static/legacy/curriculum-landing-arrow.458ced8a8dee9e19.svg#dark);--csstools-color-scheme--light: ;color-scheme:dark}@media(min-width:769px){.dark{--curriculum-landing-started-beginner:url(/static/legacy/curriculum-landing-started-beginner.02e09619ed6e3f6b.svg#dark);--curriculum-landing-started-advanced:url(/static/legacy/curriculum-landing-started-advanced.977e749fb909b586.svg#dark);--curriculum-landing-started-employment:url(/static/legacy/curriculum-landing-started-employment.9434f729055ae3ce.svg#dark);--curriculum-landing-started-educator:url(/static/legacy/curriculum-landing-started-educator.47e9cc52f38138b9.svg#dark)}}@media(prefers-color-scheme:light){:root:not(.light):not(.dark){--text-primary:#1b1b1b;--text-secondary:#4e4e4e;--text-active:#858585;--text-inactive:#9e9e9ea6;--text-link:#0069c2;--text-visited:#551a8b;--text-invert:#fff;--text-muted:#6f6f6f;--background-primary:#fff;--background-secondary:#f9f9fb;--background-tertiary:#ebeaea;--background-toc-active:#ebeaea;--background-mark-yellow:#c7b70066;--background-mark-green:#00d06166;--background-information:#0085f21a;--background-warning:#ff2a511a;--background-critical:#d300381a;--background-success:#0079361a;--background-del:#d3003880;--background-ins:#00793680;--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:#0085f21a;--accent-secondary:#0085f2;--accent-tertiary:#0085f21a;--shadow-01:0 1px 2px #2b2a330d;--shadow-02:0 1px 6px #2b2a331a;--focus-01:0 0 0 3px #0090ed66;--field-focus-border:#0085f2;--code-token-tag:#0069c2;--code-token-punctuation:#858585;--code-token-attribute-name:#d30038;--code-token-attribute-value:#007936;--code-token-comment:#858585;--code-token-default:#1b1b1b;--code-token-selector:#872bff;--code-background-inline:#f2f1f1;--code-background-block:#f2f1f1;--ix-tab-background-active:#fff;--notecard-link-color:#343434;--scrollbar-bg:#0000;--scrollbar-color:#00000040;--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:#ff2a51b3;--html-accent-engage:#ff2a51b3;--css-accent-engage:#0085f2b3;--js-accent-engage:#938700b3;--http-accent-engage:#009a46b3;--apis-accent-engage:#9b65ffb3;--learn-accent-engage:#ff1f72b3;--modal-backdrop-color:#1b1b1b1a;--blend-color:#fff80;--text-primary-red:#d30038;--text-primary-green:#007936;--text-primary-blue:#0069c2;--text-primary-yellow:#746a00;--collections-link:#9e0027;--collections-header:#ffd9dc;--collections-mandala:#ff97a0;--collections-icon:#ff2a51;--updates-link:#0069c2;--updates-header:#f9f9fb;--updates-mandala:#8cb4ff;--updates-icon:#0085f2;--ai-help-link:#007936;--ai-help-header:#f9f9fb;--ai-help-mandala:#00d061;--ai-help-icon:#009a46;--ai-help-accent-background-color:#009a4610;--observatory-bg:#f2f2f5;--observatory-bg-code:#e1e1e1;--observatory-bg-secondary:#fff;--observatory-color:#000;--observatory-color-secondary:#696969;--observatory-inverse-color:#fff;--observatory-inverse-color-secondary:#b3b3b3;--observatory-accent:#5a23d7;--observatory-accent-light:#5a23d7aa;--observatory-border:#e4e4f6;--observatory-border-accent:#5a23d7;--observatory-pass-icon-bg:#e5fae6;--observatory-pass-icon-color:#007936;--observatory-fail-icon-bg:#fae5e5;--observatory-fail-icon-color:#d30038;--observatory-table-bg:#fff;--observatory-table-bg-alternate:#f9f9fb;--observatory-table-header-bg:#f9f9fb;--observatory-grade-a-bg:#d2fadd;--observatory-grade-a-border:#017a37;--observatory-grade-b-bg:#e8fad2;--observatory-grade-b-border:#547a01;--observatory-grade-c-bg:#faf8d2;--observatory-grade-c-border:#7a7001;--observatory-grade-d-bg:#fae8d2;--observatory-grade-d-border:#a65001;--observatory-grade-f-bg:#fad2d2;--observatory-grade-f-border:#a00;--observatory-arrow-down-color:#9e0027;--observatory-arrow-up-color:#007936;--form-limit-color:#696969;--form-limit-color-emphasis:#4e4e4e;--form-invalid-color:#d30038;--form-invalid-focus-color:#ff2a51;--form-invalid-focus-effect-color:#ff2a5133;--baseline-high-bg:#e6f4ea;--baseline-high-engine-bg:#ceead6;--baseline-high-img:url(/static/legacy/high.ed4c328bec7a5dd4.svg);--baseline-high-check:#099949;--baseline-low-bg:#e8f0fe;--baseline-low-engine-bg:#d2e3fc;--baseline-low-check:#1a73e8;--baseline-low-img:url(/static/legacy/low.0e3be746b80df89e.svg);--baseline-low-pill-bg:#3367d6;--baseline-low-pill-color:#f1f3f4;--baseline-limited-bg:#f1f3f4;--baseline-limited-engine-bg:#e3e6e8;--baseline-limited-img:url(/static/legacy/limited.2e37fd0b788967df.svg);--baseline-limited-check:#1e8e3e;--baseline-limited-cross:#ea8600;--curriculum-bg-color:#fcefe2;--curriculum-bg-color-note:#fcefe280;--curriculum-bg-large-color:#fcefe2;--curriculum-bg-color-topic-standards:#ff2a5130;--curriculum-bg-color-topic-styling:#0085f230;--curriculum-bg-color-topic-scripting:#93870030;--curriculum-bg-color-topic-tooling:#009a4630;--curriculum-bg-color-topic-practices:#9b65ff30;--curriculum-bg-color-landing:#fff;--curriculum-bg-color-landing-about-ul:#fff;--curriculum-bg-color-landing-top-icon:#fcefe2;--curriculum-bg-color-landing-stairway-floor:#fcefe2;--curriculum-category-color:#e3642a;--curriculum-color:#d47d55;--curriculum-module-label-color:#b34d1f;--curriculum-module-label-bg-color:#faf0e3;--curriculum-color-topic-standards:#d30038;--curriculum-color-topic-styling:#0069c2;--curriculum-color-topic-scripting:#746a00;--curriculum-color-topic-tooling:#007936;--curriculum-color-topic-practices:#872bff;--curriculum-color-landing-laptop:#e3642a;--curriculum-border-color:#f2f1f1;--curriculum-border-color-hover:var(--text-inactive);--curriculum-bg-color-list-item-body:#fff;--curriculum-color-list-item-icon-topic-standards:#d30038;--curriculum-color-list-item-icon-topic-styling:#0069c2;--curriculum-color-list-item-icon-topic-scripting:#746a00;--curriculum-color-list-item-icon-topic-tooling:#007936;--curriculum-color-list-item-icon-topic-practices:#872bff;--curriculum-bg-color-list-item-icon-topic-standards:#fff;--curriculum-bg-color-list-item-icon-topic-styling:#fff;--curriculum-bg-color-list-item-icon-topic-scripting:#fff;--curriculum-bg-color-list-item-icon-topic-tooling:#fff;--curriculum-bg-color-list-item-icon-topic-practices:#fff;--curriculum-bg-color-list-item-topic-standards:#ff2a5130;--curriculum-bg-color-list-item-topic-styling:#0085f230;--curriculum-bg-color-list-item-topic-scripting:#93870030;--curriculum-bg-color-list-item-topic-tooling:#009a4630;--curriculum-bg-color-list-item-topic-practices:#9b65ff30;--curriculum-bg-color-partner:#fff;--curriculum-shadow:4px 4px 8px 0 #b3b3b32e,-4px 4px 8px 0 #b3b3b326;--curriculum-shadow-landing-about-ul:0 4px 10px 0 #e3642a0f,0 -2px 4px 0 #b25c350f;--curriculum-landing-about-beginner:url(/static/legacy/curriculum-landing-about-beginner.5166f339392ce8a9.svg#light);--curriculum-landing-about-pace:url(/static/legacy/curriculum-landing-about-pace.77a202dd136a4d3c.svg#light);--curriculum-landing-about-free:url(/static/legacy/curriculum-landing-about-free.a611c33d1ba7e33d.svg#light);--curriculum-landing-about-bullet:url(/static/legacy/curriculum-landing-about-bullet.046c6d7e69f09789.svg#light);--curriculum-landing-started-beginner:url(/static/legacy/curriculum-landing-started-beginner.02e09619ed6e3f6b.svg#small-light);--curriculum-landing-started-advanced:url(/static/legacy/curriculum-landing-started-advanced.977e749fb909b586.svg#small-light);--curriculum-landing-started-employment:url(/static/legacy/curriculum-landing-started-employment.9434f729055ae3ce.svg#small-light);--curriculum-landing-started-educator:url(/static/legacy/curriculum-landing-started-educator.47e9cc52f38138b9.svg#small-light);--curriculum-module-mdn-resource:url(/static/legacy/curriculum-mdn-resource.ce11df2c516049b5.svg#light);--curriculum-bullet:url(/static/legacy/curriculum-bullet.e4cc51ab8d7a7353.svg#light);--curriculum-about-covered:url(/static/legacy/curriculum-about-covered.fc1bc064f68bdc94.svg#light);--curriculum-about-detail:url(/static/legacy/curriculum-about-detail.cde5aac4bc0382ff.svg#light);--curriculum-about-educators:url(/static/legacy/curriculum-about-educators.cc26cdf6c8251004.svg#light);--curriculum-about-not:url(/static/legacy/curriculum-about-not.c0afc382d860ab0c.svg#light);--curriculum-about-students:url(/static/legacy/curriculum-about-students.6e789e80d10071b4.svg#light);--curriculum-bg-image-partner:url(/static/legacy/curriculum-partner-bg.b95320464e0fc574.svg#light);--curriculum-scrim-bg:url(/static/legacy/curriculum-scrim-bg.e316aaae40a106ee.svg#light);--curriculum-landing-arrow:url(/static/legacy/curriculum-landing-arrow.458ced8a8dee9e19.svg#light);--csstools-color-scheme--light:initial;color-scheme:light}}@media(prefers-color-scheme:light)and (min-width:769px){:root:not(.light):not(.dark){--curriculum-landing-started-beginner:url(/static/legacy/curriculum-landing-started-beginner.02e09619ed6e3f6b.svg#light);--curriculum-landing-started-advanced:url(/static/legacy/curriculum-landing-started-advanced.977e749fb909b586.svg#light);--curriculum-landing-started-employment:url(/static/legacy/curriculum-landing-started-employment.9434f729055ae3ce.svg#light);--curriculum-landing-started-educator:url(/static/legacy/curriculum-landing-started-educator.47e9cc52f38138b9.svg#light)}}@media(prefers-color-scheme:dark){:root:not(.light):not(.dark){--text-primary:#fff;--text-secondary:#cdcdcd;--text-active:#858585;--text-inactive:#cdcdcda6;--text-link:#8cb4ff;--text-visited:#ffadff;--text-invert:#1b1b1b;--text-muted:#858585;--background-primary:#1b1b1b;--background-secondary:#313131;--background-tertiary:#858585;--background-toc-active:#343434;--background-mark-yellow:#c7b70066;--background-mark-green:#00d06166;--background-information:#0085f21a;--background-warning:#ff2a511a;--background-critical:#d300381a;--background-success:#0079361a;--background-del:#d3003880;--background-ins:#00793680;--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:#5e9eff1a;--accent-secondary:#5e9eff;--accent-tertiary:#0085f21a;--shadow-01:0 1px 2px #fbfbfe33;--shadow-02:0 1px 6px #fbfbfe33;--focus-01:0 0 0 3px #fbfbfe80;--field-focus-border:#fff;--code-token-tag:#c1cff1;--code-token-punctuation:#b3b3b3;--code-token-attribute-name:#ff97a0;--code-token-attribute-value:#00d061;--code-token-comment:#b3b3b3;--code-token-default:#fff;--code-token-selector:#bea5ff;--code-background-inline:#343434;--code-background-block:#343434;--ix-tab-background-active:#4e4e4e;--notecard-link-color:#e2e2e2;--scrollbar-bg:#0000;--scrollbar-color:#ffffff40;--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:#ff707fb3;--html-accent-engage:#ff707fb3;--css-accent-engage:#8cb4ffb3;--js-accent-engage:#afa100b3;--http-accent-engage:#00b755b3;--apis-accent-engage:#ae8affb3;--learn-accent-engage:#ff6d91b3;--modal-backdrop-color:#1b1b1bb3;--blend-color:#00080;--text-primary-red:#ff97a0;--text-primary-green:#00d061;--text-primary-blue:#8cb4ff;--text-primary-yellow:#c7b700;--collections-link:#ff97a0;--collections-header:#40000a;--collections-mandala:#9e0027;--collections-icon:#d30038;--updates-link:#8cb4ff;--updates-header:#000;--updates-mandala:#c1cff1;--updates-icon:#8cb4ff;--ai-help-link:#00d061;--ai-help-header:#000;--ai-help-mandala:#73e693;--ai-help-icon:#00d061;--ai-help-accent-background-color:#009a4630;--observatory-bg:#343434;--observatory-bg-code:#4d4d4d;--observatory-bg-secondary:#000;--observatory-color:#fff;--observatory-color-secondary:#f9f9fb;--observatory-inverse-color:#1b1b1b;--observatory-inverse-color-secondary:#696969;--observatory-accent:#a388ff;--observatory-accent-light:#a388ffaa;--observatory-border:#696969;--observatory-border-accent:#a388ff;--observatory-pass-icon-bg:#265c3d;--observatory-pass-icon-color:#8affa3;--observatory-fail-icon-bg:#5c2626;--observatory-fail-icon-color:#ff799b;--observatory-table-bg:#1b1b1b;--observatory-table-bg-alternate:#212121;--observatory-table-header-bg:#1b1b1b;--observatory-grade-a-bg:#265c3d;--observatory-grade-a-border:#89fca1;--observatory-grade-b-bg:#52662a;--observatory-grade-b-border:#d5fc88;--observatory-grade-c-bg:#66602a;--observatory-grade-c-border:#fcf988;--observatory-grade-d-bg:#5c3d26;--observatory-grade-d-border:#ff6a00;--observatory-grade-f-bg:#5c2626;--observatory-grade-f-border:#fc8888;--observatory-arrow-down-color:#ff707f;--observatory-arrow-up-color:#00ff6a;--form-limit-color:#9e9e9e;--form-limit-color-emphasis:#b3b3b3;--form-invalid-color:#ff97a0;--form-invalid-focus-color:#ff707f;--form-invalid-focus-effect-color:#ff707f33;--baseline-high-bg:#0e2a10;--baseline-high-engine-bg:#031b05;--baseline-high-img:url(/static/legacy/high-dark.abe249f56b9c62f9.svg);--baseline-high-check:#099949;--baseline-low-bg:#041e49;--baseline-low-engine-bg:#020d20;--baseline-low-check:#1a73e8;--baseline-low-img:url(/static/legacy/low-dark.7a79f7b7368ef5c0.svg);--baseline-low-pill-bg:#3367d6;--baseline-low-pill-color:#f1f3f4;--baseline-limited-bg:#282a2c;--baseline-limited-engine-bg:#1d1e1f;--baseline-limited-img:url(/static/legacy/limited-dark.0d15ef53cc4ad5ef.svg);--baseline-limited-check:#1e8e3e;--baseline-limited-cross:#ea8600;--curriculum-color:#e3642a;--curriculum-color-topic-standards:#f2919c;--curriculum-color-topic-styling:#91a6f2;--curriculum-color-topic-scripting:#f2cf8f;--curriculum-color-topic-tooling:#8ff2a4;--curriculum-color-topic-practices:#c891f2;--curriculum-bg-color:#321d13;--curriculum-bg-color-note:#332c29;--curriculum-bg-large-color:#343434;--curriculum-bg-color-topic-standards:#994b53;--curriculum-bg-color-topic-styling:#4e609e;--curriculum-bg-color-topic-scripting:#7d683d;--curriculum-bg-color-topic-tooling:#3d7c4b;--curriculum-bg-color-topic-practices:#584280;--curriculum-bg-color-landing:#0e0b0a;--curriculum-bg-color-landing-about-ul:#000;--curriculum-bg-color-landing-top-icon:#321d13;--curriculum-bg-color-landing-stairway-floor:#895b33;--curriculum-category-color:#e3642a;--curriculum-bg-color-grey:#1f1c1a;--curriculum-bg-color-orange:#b25c35;--curriculum-color-landing-laptop:#b25c35;--curriculum-bg-color-list-item-body:#000;--curriculum-border-color:#4e4e4e;--curriculum-border-color-hover:var(--text-inactive);--curriculum-module-label-color:#e3642a;--curriculum-module-label-bg-color:#321d13;--curriculum-bg-color-list-item-topic-standards:#343434;--curriculum-bg-color-list-item-topic-styling:#343434;--curriculum-bg-color-list-item-topic-scripting:#343434;--curriculum-bg-color-list-item-topic-tooling:#343434;--curriculum-bg-color-list-item-topic-practices:#343434;--curriculum-color-list-item-icon-topic-standards:#f2919c;--curriculum-color-list-item-icon-topic-styling:#91a6f2;--curriculum-color-list-item-icon-topic-scripting:#f2cf8f;--curriculum-color-list-item-icon-topic-tooling:#8ff2a4;--curriculum-color-list-item-icon-topic-practices:#c891f2;--curriculum-bg-color-list-item-icon-topic-standards:#804248;--curriculum-bg-color-list-item-icon-topic-styling:#425080;--curriculum-bg-color-list-item-icon-topic-scripting:#806a42;--curriculum-bg-color-list-item-icon-topic-tooling:#428050;--curriculum-bg-color-list-item-icon-topic-practices:#584280;--curriculum-bg-color-partner:#1f1c1a;--curriculum-shadow:2px 2px 5px 0 #24242426,-2px 2px 8px 0 #57575726;--curriculum-shadow-landing-about-ul:0 4px 10px 0 #e3642a0f,0 -2px 4px 0 #b25c350f;--curriculum-landing-about-beginner:url(/static/legacy/curriculum-landing-about-beginner.5166f339392ce8a9.svg#dark);--curriculum-landing-about-pace:url(/static/legacy/curriculum-landing-about-pace.77a202dd136a4d3c.svg#dark);--curriculum-landing-about-free:url(/static/legacy/curriculum-landing-about-free.a611c33d1ba7e33d.svg#dark);--curriculum-landing-about-bullet:url(/static/legacy/curriculum-landing-about-bullet.046c6d7e69f09789.svg#dark);--curriculum-landing-started-beginner:url(/static/legacy/curriculum-landing-started-beginner.02e09619ed6e3f6b.svg#small-dark);--curriculum-landing-started-advanced:url(/static/legacy/curriculum-landing-started-advanced.977e749fb909b586.svg#small-dark);--curriculum-landing-started-employment:url(/static/legacy/curriculum-landing-started-employment.9434f729055ae3ce.svg#small-dark);--curriculum-landing-started-educator:url(/static/legacy/curriculum-landing-started-educator.47e9cc52f38138b9.svg#small-dark);--curriculum-module-mdn-resource:url(/static/legacy/curriculum-mdn-resource.ce11df2c516049b5.svg#dark);--curriculum-bullet:url(/static/legacy/curriculum-bullet.e4cc51ab8d7a7353.svg#dark);--curriculum-about-covered:url(/static/legacy/curriculum-about-covered.fc1bc064f68bdc94.svg#dark);--curriculum-about-detail:url(/static/legacy/curriculum-about-detail.cde5aac4bc0382ff.svg#dark);--curriculum-about-educators:url(/static/legacy/curriculum-about-educators.cc26cdf6c8251004.svg#dark);--curriculum-about-not:url(/static/legacy/curriculum-about-not.c0afc382d860ab0c.svg#dark);--curriculum-about-students:url(/static/legacy/curriculum-about-students.6e789e80d10071b4.svg#dark);--curriculum-bg-image-partner:url(/static/legacy/curriculum-partner-bg.b95320464e0fc574.svg#dark);--curriculum-scrim-bg:url(/static/legacy/curriculum-scrim-bg.e316aaae40a106ee.svg#dark);--curriculum-landing-arrow:url(/static/legacy/curriculum-landing-arrow.458ced8a8dee9e19.svg#dark);--csstools-color-scheme--light: ;color-scheme:dark}}@media(prefers-color-scheme:dark)and (min-width:769px){:root:not(.light):not(.dark){--curriculum-landing-started-beginner:url(/static/legacy/curriculum-landing-started-beginner.02e09619ed6e3f6b.svg#dark);--curriculum-landing-started-advanced:url(/static/legacy/curriculum-landing-started-advanced.977e749fb909b586.svg#dark);--curriculum-landing-started-employment:url(/static/legacy/curriculum-landing-started-employment.9434f729055ae3ce.svg#dark);--curriculum-landing-started-educator:url(/static/legacy/curriculum-landing-started-educator.47e9cc52f38138b9.svg#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(min-width:769px){.main-wrapper{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;padding-top:unset}.main-wrapper .main-content{grid-area:main}}@media(min-width:1200px){.main-wrapper{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(--sticky-header-with-actions-height);display:block;grid-area:toc;height:-webkit-fit-content;height:fit-content;padding-bottom:0}.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(/static/legacy/Inter.var.730e8169368baf37.woff2) format("woff2 supports variations"),url(/static/legacy/Inter.var.730e8169368baf37.woff2) format("woff2-variations")}.main-page-content{overflow-wrap:break-word;padding:3rem 1rem 1rem}.main-page-content h1,.main-page-content h2,.main-page-content h3,.main-page-content h4,.main-page-content h5,.main-page-content h6{font-feature-settings:"calt" off;font-variant-ligatures:no-contextual}.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);-webkit-text-decoration:none;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{-webkit-text-decoration:underline;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:#0000}.main-page-content h1 a[href^="#"]:before,.main-page-content h2 a[href^="#"]:before,.main-page-content h3 a[href^="#"]:before,.main-page-content h4 a[href^="#"]:before,.main-page-content h5 a[href^="#"]:before,.main-page-content h6 a[href^="#"]:before{color:var(--text-inactive);content:"#";display:inline-block;font-size:.7em;line-height:1;margin-left:-.8em;-webkit-text-decoration:none;text-decoration:none;visibility:hidden;width:.8em}.main-page-content h1 a[href^="#"]:hover:before,.main-page-content h2 a[href^="#"]:hover:before,.main-page-content h3 a[href^="#"]:hover:before,.main-page-content h4 a[href^="#"]:hover:before,.main-page-content h5 a[href^="#"]:hover:before,.main-page-content h6 a[href^="#"]:hover:before{visibility:visible}.main-page-content h1:after{-webkit-text-decoration-color:var(--category-color);text-decoration-color:var(--category-color)}.main-page-content section h2:first-of-type{margin-top:2rem}.main-page-content a:not(.button){color:var(--text-link);width:-webkit-fit-content;width:fit-content}.main-page-content a:not(.button):visited:not([href^="#"]){color:var(--text-visited)}.main-page-content a:not(.button):active,.main-page-content a:not(.button):active:visited{background-color:var(--text-link);color:#fff}.main-page-content a:not(.button):active code,.main-page-content a:not(.button):active:visited code{background-color:#0000;color:#fff}.main-page-content a:not(.button)[aria-current]{color:var(--text-link);font-weight:var(--font-body-strong-weight);-webkit-text-decoration:none;text-decoration:none}.main-page-content img{background:#fff;border:1px solid var(--border-primary)!important;border-radius:var(--elem-radius);box-sizing:initial;color:#1b1b1b;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 ol li>p,.main-page-content ul li>p{margin: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 dt a[href^="#"]{color:inherit;position:relative;-webkit-text-decoration:none;text-decoration:none}.main-page-content dl dt a[href^="#"]:focus,.main-page-content dl dt a[href^="#"]:hover{-webkit-text-decoration:underline;text-decoration:underline}.main-page-content dl dt a[href^="#"]:before{color:var(--text-inactive);content:"#";display:inline-flex;font-size:.7em;line-height:1;margin-left:-.8em;-webkit-text-decoration:none;text-decoration:none;top:.5em;visibility:hidden;width:.8em}.main-page-content dl dt a[href^="#"]:hover:before{visibility:visible}.main-page-content dl dd{margin-bottom:1rem;margin-left:1rem}.main-page-content dl dd dl{border-left:1px solid var(--border-primary);padding-left:1rem}.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 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}.main-page-content .section-content blockquote>:last-child{margin-bottom:0}.main-page-content .section-content scrim-inline{aspect-ratio:1.5;display:block;margin:.5rem auto;max-width:36rem;width:100%}.main-page-content #specifications+table{margin-bottom:2rem}.main-page-content .css-formal-syntax{margin-bottom:0}.main-page-content .css-formal-syntax~footer{background-color:var(--code-background-block);border:1px solid #0000;border-top:1px solid var(--border-secondary);font-size:var(--type-smaller-font-size);margin-bottom:2rem;padding:.5rem 2.5rem .5rem 1rem}.main-page-content .css-formal-syntax~footer>a{display:inline-block}@media(min-width:426px){.main-page-content{padding:3rem 3rem 0}}@media(min-width:769px){.main-page-content{margin-bottom:0;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-primary);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);box-sizing:initial;padding:1rem;width:calc(100% - 2rem - 2px)}h1,h2,h3{letter-spacing:var(--heading-letter-spacing)}h1{font:var(--type-heading-h1);margin-bottom:2rem;word-break:break-word}@media(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-family:var(--font-code);font-size:var(--type-smaller-font-size);tab-size:4}code{background:var(--code-background-inline);padding:.125rem .25rem;width:-webkit-fit-content;width:fit-content}pre{background-color:var(--code-background-block);border:1px solid #0000;margin:1rem 0 2rem;padding:1rem 2.5rem 1rem 1rem}pre code{background:none;color:var(--text-primary);padding:0}math[display=block]{margin:1rem 0 2rem}.example-bad,.example-good{padding:0 1rem;position:relative}.example-bad:before,.example-good:before{background-size:24px;content:"";float:right;height:16px;margin-left:8px;width:16px}.example-bad+.copy-icon,.example-good+.copy-icon{display:none}.example-bad{background-color:var(--background-critical)}.example-bad:before{background-color:var(--icon-critical);-webkit-mask-image:url(/static/legacy/no.c0dfcd03ea37bca6.svg);mask-image:url(/static/legacy/no.c0dfcd03ea37bca6.svg)}.example-good{background-color:var(--background-success)}.example-good:before{background-color:var(--icon-success);-webkit-mask-image:url(/static/legacy/checkmark.78b83561190aa5be.svg);mask-image:url(/static/legacy/checkmark.78b83561190aa5be.svg)}.index{margin-bottom:1rem}.index ul{margin:.5rem 0 2rem}@media(min-width:1200px){.index ul{column-count:3}}.index ul li{break-inside:avoid-column;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-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{--code-action-color:var(--text-secondary);margin-bottom:2rem;position:relative}.code-example [class*=interactive-example]{display:none}.code-example .example-header{align-items:baseline;background-color:var(--background-secondary);border-bottom:1px solid var(--border-secondary);border-top-left-radius:var(--elem-radius);border-top-right-radius:var(--elem-radius);display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:.1rem 1rem}.code-example .example-header.active{background-color:var(--background-toc-active)}.code-example .example-header~iframe,.code-example .example-header~pre{border-top:none;border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.code-example .example-header~iframe:not(:last-child),.code-example .example-header~pre:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}.code-example .example-header .ai-explain-info-toggle{--icon-size:12px;background-color:var(--icon-secondary);cursor:pointer;-webkit-mask-size:contain;mask-size:contain}.code-example .example-header .ai-explain-info-toggle:focus,.code-example .example-header .ai-explain-info-toggle:hover{background-color:var(--icon-information)}.code-example .example-header .ai-explain-info{background:var(--background-information);font-size:smaller;margin-bottom:.5rem;order:23;padding:.5rem;width:100%}.code-example .example-header .language-name{margin-right:auto;text-transform:uppercase}.code-example .ai-explain-answer{background-color:var(--background-secondary);border:1px solid var(--border-primary);font:var(--type-article-p)}.code-example .ai-explain-answer~.ai-explain-answer{border-top:none}.code-example .ai-explain-answer>.ai-explain-header{background-color:var(--background-primary);border-bottom:1px solid var(--border-secondary);margin:0;padding-top:1rem;width:100%}.code-example .ai-explain-answer>.ai-explain-header>span{padding:.25rem 1rem}.code-example .ai-explain-answer>.ai-explain-header>pre{background-color:var(--background-primary);margin:0;padding:.25rem 1rem}.code-example .ai-explain-answer>div>p{margin:0;padding:.5rem 1rem}.code-example .ai-explain-answer .ai-explain-feedback{align-items:center;display:flex;flex-direction:row;font-size:smaller;gap:.5rem;justify-content:flex-end;padding:.5rem}.code-example .ai-explain-answer .ai-explain-feedback button{cursor:pointer}.code-example .ai-explain-answer .ai-explain-feedback button.icon-thumbs-up:focus,.code-example .ai-explain-answer .ai-explain-feedback button.icon-thumbs-up:hover{background-color:var(--icon-success)}.code-example .ai-explain-answer .ai-explain-feedback button.icon-thumbs-down:focus,.code-example .ai-explain-answer .ai-explain-feedback button.icon-thumbs-down:hover{background-color:var(--icon-critical)}.code-example .ai-explain-button,.code-example .play-button{color:var(--code-action-color);cursor:pointer;margin:0;text-transform:capitalize}.code-example .ai-explain-button:hover,.code-example .play-button:hover{opacity:.6}.code-example .ai-explain-button:first-child,.code-example .play-button:first-child{margin-left:auto}.code-example .playlist{align-items:center;display:flex;gap:.5rem}.code-example .playlist>label{color:var(--code-action-color);cursor:pointer;padding:1px;text-transform:capitalize}.code-example .playlist>label:hover{opacity:.6}.code-example .playlist>input{height:0;margin:0;opacity:0;position:absolute;width:0}.code-example .playlist>input~label:before{background-color:var(--code-action-color);content:"";display:inline-block;height:1rem;margin-right:4px;-webkit-mask-image:url(/static/legacy/queue.87b15609b41689ef.svg);mask-image:url(/static/legacy/queue.87b15609b41689ef.svg);-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1rem}.code-example .playlist>input:focus~label{opacity:1}.code-example .playlist>input:focus-visible~label{opacity:1;outline-color:var(--accent-primary);outline-offset:1px;outline-style:auto}.code-example .playlist>input:checked~label{color:var(--category-color);opacity:1}.code-example .playlist>input:checked~label:before{background-color:var(--category-color);-webkit-mask-image:url(/static/legacy/queued.14bb12453dfaadb3.svg);mask-image:url(/static/legacy/queued.14bb12453dfaadb3.svg)}.code-example .ai-explain-button.ai-explain-highlight{animation:ai-explain-highlight-frames 1s ease-in 1}.code-example .play-button:before{content:"";display:inline-block;margin-right:4px;-webkit-mask-image:url(/static/legacy/play.ba68e261a8be081c.svg);mask-image:url(/static/legacy/play.ba68e261a8be081c.svg);vertical-align:middle}.code-example .copy-icon,.code-example .play-button:before{background-color:var(--code-action-color);height:1rem;-webkit-mask-size:cover;mask-size:cover;width:1rem}.code-example .copy-icon{align-self:center;cursor:pointer;margin-top:-.1rem;-webkit-mask-image:url(/static/legacy/clippy.04b042246b8eb5d3.svg);mask-image:url(/static/legacy/clippy.04b042246b8eb5d3.svg);padding:0}.code-example .copy-icon:focus,.code-example .copy-icon:hover{opacity:.6}.code-example .copy-icon:first-child{margin-left:auto}.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:2rem}.code-example .example-bad,.code-example .example-good{padding:1rem}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]),a.page-not-created:visited{color:var(--icon-critical);text-decoration:underline;-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}.loading-error pre{overflow-y:scroll;white-space:pre}.sidebar-container{--offset:var(--sticky-header-with-actions-height);--max-height:calc(100vh - var(--offset));max-height:var(--max-height);position:-webkit-sticky;position:sticky;top:var(--offset);z-index:var(--z-index-sidebar-mobile)}@media(min-width:769px)and (min-height:44rem){.sidebar-container{display:flex;flex-direction:column}}@media(min-width:769px){.sidebar-container{z-index:auto}.sidebar-container .sidebar{-webkit-mask-image:linear-gradient(180deg,#000 0 calc(100% - 3rem),#0000);mask-image:linear-gradient(180deg,#000 0 calc(100% - 3rem),#0000)}}@media(min-width:769px)and (not (min-height:44rem)){.sidebar-container{overflow:auto}}.sidebar-container .toc-container .place,.sidebar-container.toc-container .place{grid-area:toc;margin:0}@media(min-width:1200px){.sidebar-container .toc-container,.sidebar-container.toc-container{display:flex;flex-direction:column;gap:0;height:calc(100vh - var(--offset));-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 3rem calc(100% - 3rem),#0000);mask-image:linear-gradient(180deg,#0000 0,#000 3rem calc(100% - 3rem),#0000);overflow:auto;position:-webkit-sticky;position:sticky;top:var(--offset)}.sidebar-container .toc-container .place,.sidebar-container.toc-container .place{margin:1rem 0;padding-bottom:3rem}}@media(max-width:768px){.sidebar-container .toc-container .place,.sidebar-container.toc-container .place{display:none}}@media(min-width:1200px){.sidebar-container{display:contents}.sidebar-container .sidebar{-webkit-mask-image:none;mask-image:none}}@keyframes ai-explain-highlight-frames{0%{color:var(--text-primary);opacity:.4}50%{color:var(--category-color);opacity:1}to{color:var(--text-primary);opacity:.4}}html a.only-in-en-us:after{content:"(en-US)";display:inline-block;font-size:var(--type-tiny-font-size);margin-left:.5ch;vertical-align:super}html[lang=de] a.only-in-en-us:after{content:"(engl.)"}html[lang=es] a.only-in-en-us:after{content:"(inglés)"}html[lang=fr] a.only-in-en-us:after{content:"(angl.)"}html[lang=ja] a.only-in-en-us:after{content:"(英語)"}html[lang=ko] a.only-in-en-us:after{content:"(영어)"}html[lang=ru] a.only-in-en-us:after{content:"(англ.)"}html[lang=pt-BR] a.only-in-en-us:after{content:"(inglês)"}html[lang=zh-CN] a.only-in-en-us:after{content:"（英语）";margin-left:unset;vertical-align:initial}html[lang=zh-TW] a.only-in-en-us:after{content:"（英語）";margin-left:unset;vertical-align:initial}@media(max-width:425px){.table-container{overflow-x:auto}}@media(min-width:426px){.table-container{margin:0 -3rem;overflow:auto;width:100vw}.table-container-inner{min-width:-webkit-max-content;min-width:max-content;padding:0 3rem;position:relative}.table-container-inner:after{bottom:0;content:"";height:10px;position:absolute;right:0;width:10px}}@media(min-width:769px){.table-container{width:calc(100% + 6rem)}}@media(min-width:1200px){.table-container{margin:0;width:100%}.table-container-inner{padding:0}}
2	+ /# sourceMappingURL=index.95b67ebc43207ce9.css.map/