*,: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:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;font-size:16px;font-size:var(--font-size);font-family:Inter,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-sans;font-family:var(--font-body);line-height:1.2;line-height:var(--font-line-height)}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a{text-decoration:none}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--code-token-comment)}.token.punctuation{color:var(--code-token-punctuation)}.token.attr-name,.token.builtin,.token.class-name,.token.function,.token.inserted,.token.property,.token.selector{color:var(--code-token-attribute-name)}.token.atrule,.token.attr-value{color:var(--code-token-attribute-value)}.token.keyword{color:var(--code-token-tag)}.token.boolean,.token.char,.token.constant,.token.deleted,.token.number,.token.string,.token.symbol,.token.tag{color:var(--code-token-attribute-value)}.token.builtin,.token.inserted,.token.selector,.token.template-string>.token.string{color:var(--code-token-selector)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.notecard{--note-background:var(--background-information);--note-theme:var(--icon-information);position:relative;padding:1rem 1rem 1rem 3rem;margin:1rem 0;background-color:var(--note-background);border-radius:.25rem;border-radius:var(--elem-radius);border:1px solid var(--border-secondary);border-left:4px solid var(--note-theme);box-shadow:var(--shadow-01)}.notecard,.notecard li,.notecard p{color:var(--text-secondary)}.notecard p{margin:0!important;line-height:2}.notecard a{color:var(--text-primary)}.notecard a:hover{text-decoration:underline}.notecard:before{position:absolute;top:1.5rem;left:1rem;display:block;width:1rem;height:1rem;background-color:var(--note-theme);-webkit-mask-image:url(/static/media/note-info.0eafb6e7.svg);mask-image:url(/static/media/note-info.0eafb6e7.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;content:""}.notecard.warning{--note-background:var(--background-warning);--note-theme:var(--icon-warning)}.notecard.warning:before{-webkit-mask-image:url(/static/media/note-warning.d6e4c7b3.svg);mask-image:url(/static/media/note-warning.d6e4c7b3.svg)}.notecard.nonstandard{--note-background:var(--background-warning);--note-theme:var(--icon-warning)}.notecard.nonstandard:before{-webkit-mask-image:url(/static/media/nonstandard.d6e4c7b3.svg);mask-image:url(/static/media/nonstandard.d6e4c7b3.svg)}.notecard.error,.notecard.negative{--note-background:var(--background-critical);--note-theme:var(--icon-critical)}.notecard.error:before,.notecard.negative:before{-webkit-mask-image:url(/static/media/note-deprecated.0d2643f0.svg);mask-image:url(/static/media/note-deprecated.0d2643f0.svg)}.notecard.deprecated{--note-background:var(--background-critical);--note-theme:var(--icon-critical)}.notecard.deprecated:before{-webkit-mask-image:url(/static/media/deprecated.eda3b39b.svg);mask-image:url(/static/media/deprecated.eda3b39b.svg)}.notecard.experimental:before{-webkit-mask-image:url(/static/media/experimental.2f9e05f5.svg);mask-image:url(/static/media/experimental.2f9e05f5.svg)}.notecard.success{--note-background:var(--background-success);--note-theme:var(--icon-success)}.notecard.success:before{-webkit-mask-image:url(/static/media/note-info.0eafb6e7.svg);mask-image:url(/static/media/note-info.0eafb6e7.svg)}.notecard ol,.notecard ul{padding-left:2rem}.notecard p,.notecard ul{padding-bottom:.5rem}.notecard p:last-child,.notecard ul:last-child{padding-bottom:0}.notecard:last-of-type{margin-bottom:2rem}.notecard:first-of-type{margin-top:2rem}.notecard>:first-child{margin-top:0}.notecard h1,.notecard h2,.notecard h3,.notecard h4,.notecard h5,.notecard h6{font:600 1rem/1.1875 Inter,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-sans;font:var(--type-emphasis-l);color:var(--text-primary);margin-bottom:.5rem}.pagination{display:flex;justify-content:center;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem 0}.pagination-label{font:400 .8125rem/1.23 Inter,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-sans;font:var(--type-body-m)}:root{--font-fallback:BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-sans;--font-body:Inter,var(--font-fallback);--font-heading:Inter,var(--font-fallback);--font-code:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;--font-size:16px;--font-line-height:1.2;--font-body-strong-weight:600;--type-heading-l:500 1rem/1.1875 var(--font-heading);--type-title-l:400 1.5rem/1.2 var(--font-heading);--type-title-s:var(--font-body-strong-weight) 0.8125rem/1.2 var(--font-body);--type-body-l:400 1rem/1.75 var(--font-body);--type-body-m:400 0.8125rem/1.23 var(--font-body);--type-body-s:500 0.6875rem/1.273 var(--font-body);--type-emphasis-l:var(--font-body-strong-weight) 1rem/1.1875 var(--font-body);--type-emphasis-m:var(--font-body-strong-weight) 0.8125rem/1.23 var(--font-body);--type-label-s:600 0.625rem/1.2 var(--font-heading);--type-code-regular:400 0.875rem/1.5 var(--font-code);--type-code-inline:400 0.875em/1.5 var(--font-code);--type-heading-h1:300 2.25rem/1.138 var(--font-heading);--type-heading-h2:400 1.75rem/1.2857 var(--font-heading);--type-heading-h3:500 1.5rem/1.2916 var(--font-heading);--type-heading-h4:500 1.125rem/1.222 var(--font-heading);--type-heading-h5:var(--type-heading-l);--type-heading-h6:500 0.75rem/1.0833 var(--font-heading);--type-article-p:400 1rem/2 var(--font-body);--max-width:1440px;--gutter:1rem;--z-index-back:-1;--z-index-top:9999;--z-index-mid:500;--z-index-nav-menu:200;--z-index-search-results:101;--z-index-low:100;--z-index-search-results-home:99;--elem-radius:0.25rem;--focus-effect:0 0 0 3px var(--accent-primary-engage);--form-elem-height:2rem;--sticky-header-height:0;--top-nav-height:4rem;--icon-size:1rem}:target{scroll-margin-top:0;scroll-margin-top:var(--sticky-header-height)}body{background-color:var(--background-primary);color:var(--text-primary);accent-color:var(--accent-primary);scrollbar-color:var(--scrollbar-color) var(--scrollbar-bg)}:focus-visible{outline-style:auto;outline-color:var(--accent-primary);outline-offset:1px}main{min-height:80vh}.visually-hidden{-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;border:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.hidden{display:none}pre{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)}a.external:after{display:inline-flex;width:10px;height:10px;margin-left:4px;background-color:var(--icon-primary);-webkit-mask-image:url(/static/media/external.ad7e40a9.svg);mask-image:url(/static/media/external.ad7e40a9.svg);-webkit-mask-size:cover;mask-size:cover;content:""}.expand-this-link:after{position:absolute;top:0;right:0;bottom:0;left:0;content:""}[type=search]::-ms-clear,[type=search]::-ms-reveal{display:none;width:0;height: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{text-decoration-thickness:.15rem;text-underline-offset:.1em;-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link)}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar{width:12px;background-color:auto;background-color:var(--scrollbar-bg,auto)}::-webkit-scrollbar-thumb{border-radius:10px;border:2px auto;border:2px solid var(--scrollbar-bg,auto);background:var(--scrollbar-color)}.plus,.plus .dark{--text-link:var(--plus-accent-color);--category-color:var(--plus-accent-color);--category-color-background:var(--plus-accent-background-color);--code-color:var(--plus-code-color);--mark-color:var(--plus-mark-color)}.category-html{--text-link:var(--html-accent-color);--category-color:var(--html-accent-color);--category-color-background:var(--html-accent-background-color);--code-color:var(--html-code-color);--mark-color:var(--html-mark-color)}.category-css{--text-link:var(--css-accent-color);--category-color:var(--css-accent-color);--category-color-background:var(--css-accent-background-color);--code-color:var(--css-code-color);--mark-color:var(--css-mark-color)}.category-javascript{--text-link:var(--js-accent-color);--category-color:var(--js-accent-color);--category-color-background:var(--js-accent-background-color);--code-color:var(--js-code-color);--mark-color:var(--js-mark-color)}.category-http{--text-link:var(--http-accent-color);--category-color:var(--http-accent-color);--category-color-background:var(--http-accent-background-color);--code-color:var(--http-code-color);--mark-color:var(--http-mark-color)}.category-api{--text-link:var(--apis-accent-color);--category-color:var(--apis-accent-color);--category-color-background:var(--apis-accent-background-color);--code-color:var(--apis-code-color);--mark-color:var(--apis-mark-color)}.category-learn{--text-link:var(--learn-accent-color);--category-color:var(--learn-accent-color);--category-color-background:var(--learn-accent-background-color);--code-color:var(--api-code-color);--mark-color:var(--api-mark-color)}.mify{margin-left:.5rem}.mify:before{content:"";-webkit-mask:url(/static/media/m-logo.e19e0454.svg) no-repeat 50% 50%;mask:url(/static/media/m-logo.e19e0454.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;height:1.2em;width:1.2em;display:inline-block;background-color:var(--text-link);-webkit-transform:translate(-.2em,.2em);transform:translate(-.2em,.2em)}._ify:after,.mify:after{content:" ";text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.1em;-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link)}.homepage{display:flex;grid-gap:2rem;gap:2rem;flex-direction:column;align-items:center;width:100%;overflow-x:clip;overflow-y:visible;position:relative}.homepage p{font:var(--type-body-l)}.homepage .mdn-ui-emphasis-l{font:var(--type-emphasis-l);margin:0}.homepage .featured-articles{align-items:flex-start}.homepage .featured-articles,.homepage .tile-container{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;padding:0 1rem}.homepage .tile-container{max-width:52rem}.homepage .article-tile{position:relative;border-radius:.5rem;border:1px solid var(--border-primary);padding:1rem;display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.homepage .article-tile:hover{box-shadow:var(--shadow-02)}.homepage .article-tile .tile-tag{font:var(--type-emphasis-m);color:var(--text-primary)}.homepage .article-tile .tile-tag:hover{text-decoration:underline}.homepage .article-tile .tile-title{font:var(--type-title-l);color:var(--text-primary);font-family:var(--font-body);margin-bottom:.25rem}.homepage .article-tile p{font:var(--type-body-m);margin:0;max-height:8rem;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:769px){.homepage .mdn-ui-emphasis-l{text-align:left;text-align:initial}.homepage .featured-articles{align-items:revert;padding:0}.homepage .tile-container{flex-direction:row;padding:0}.homepage .article-tile{width:33%}}.homepage-hero{color:var(--text-primary);width:100%;display:grid;grid-template-rows:fit-content(24rem)}.homepage-hero section{height:100%;display:flex;justify-content:center;flex-direction:column;max-width:52rem;margin:0 auto;grid-gap:2rem;gap:2rem;padding:0 1rem;grid-column:1;grid-row:1}.homepage-hero section h1{font-size:2.2rem;line-height:120%;letter-spacing:-.5px;margin:0;font-weight:200}@media screen and (min-width:426px){.homepage-hero section h1{font-size:2.5rem}}@media screen and (min-width:769px){.homepage-hero section h1{font-size:3rem}}.homepage-hero section h1:after{content:" ";text-decoration:underline;text-decoration-thickness:.15rem;text-underline-offset:.1rem;-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link)}.homepage-hero section p{font-weight:300}.homepage-hero .homepage-hero-bg{width:100%;top:0;z-index:-1;overflow:hidden;--mandala-primary:var(--border-primary);background-color:rgba(1,1,1,.9);grid-column:1;grid-row:1}.homepage-hero .homepage-hero-bg .mandala-translate{-webkit-transform:translate(10rem,-8rem) scale(1.2);transform:translate(10rem,-8rem) scale(1.2)}@media screen and (min-width:426px){.homepage-hero .homepage-hero-bg .mandala-translate{-webkit-transform:translate(12rem,-8rem);transform:translate(12rem,-8rem)}}.homepage-hero .header-search{width:100%;max-height:4rem;display:flex;margin-bottom:1rem}.homepage-hero .header-search .search-input-field:focus{box-shadow:var(--focus-01);border-color:var(--field-focus-border)}.homepage-hero .header-search .search-input-field::-webkit-input-placeholder{font-size:1.5rem}.homepage-hero .header-search .search-input-field:-ms-input-placeholder{font-size:1.5rem}.homepage-hero .header-search .search-input-field::placeholder{font-size:1.5rem}.homepage-hero .header-search .search-widget{grid-gap:0;gap:0;display:flex}.homepage-hero .header-search .close-search-button{display:none}.homepage-hero .header-search .search-results{top:4.2rem;margin:0 1.5rem;text-align:left;box-shadow:var(--shadow-02);width:calc(100% - 3rem);z-index:var(--z-index-search-results-home)}.homepage-hero .header-search .search-results .result-item{padding:.5rem 1.5rem}.homepage-hero .header-search .search-results .result-item mark{background:none;color:var(--text-primary)}.homepage-hero .header-search .search-results .result-item span{font-weight:400;color:var(--text-secondary)}.homepage-hero .header-search .search-results .result-item small{color:var(--text-secondary)}.homepage-hero .header-search .search-input-field{font:var(--type-body-l);border-radius:10rem;background-color:rgba(1,1,1,.5);padding:2rem}.homepage-hero .search-button.button{position:absolute;right:1.5rem;left:auto;top:0;height:100%}.homepage-hero .search-button.button:hover{background:none;border-color:transparent}.homepage-hero .search-button.button .button-wrap{background:none}.homepage-hero .search-button.button .button-wrap:hover{background:none;border:1px solid transparent}.homepage-hero .search-button.button .button-wrap:hover .icon{background-color:var(--text-link)}.homepage-hero .search-button.button .button-wrap .icon{background-color:var(--icon-primary);border:none}.icon{--size:var(--icon-size,1rem);background-color:var(--icon-primary);display:inline-block;height:var(--size);width:var(--size);vertical-align:middle;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;flex-shrink:0}svg.icon{background:transparent;color:var(--icon-primary)}.icon.icon-add-filled{-webkit-mask-image:url(/static/media/add-filled.a8e6793e.svg);mask-image:url(/static/media/add-filled.a8e6793e.svg)}.icon.icon-add{-webkit-mask-image:url(/static/media/add.9f0957aa.svg);mask-image:url(/static/media/add.9f0957aa.svg)}.icon.icon-altname{-webkit-mask-image:url(/static/media/altname.fa41e3cb.svg);mask-image:url(/static/media/altname.fa41e3cb.svg)}.icon.icon-bell-filled{-webkit-mask-image:url(/static/media/bell-filled.92b1b0fe.svg);mask-image:url(/static/media/bell-filled.92b1b0fe.svg)}.icon.icon-bell{-webkit-mask-image:url(/static/media/bell.034a8712.svg);mask-image:url(/static/media/bell.034a8712.svg)}.icon.icon-bookmark-filled{-webkit-mask-image:url(/static/media/bookmark-filled.22802275.svg);mask-image:url(/static/media/bookmark-filled.22802275.svg)}.icon.icon-bookmark{-webkit-mask-image:url(/static/media/bookmark.e9ba9d27.svg);mask-image:url(/static/media/bookmark.e9ba9d27.svg)}.icon.icon-cancel{-webkit-mask-image:url(/static/media/cancel.ff1ee255.svg);mask-image:url(/static/media/cancel.ff1ee255.svg)}.icon.icon-checkmark{-webkit-mask-image:url(/static/media/checkmark.d05ce91f.svg);mask-image:url(/static/media/checkmark.d05ce91f.svg)}.icon.icon-chevron{-webkit-mask-image:url(/static/media/chevron.05a124d3.svg);mask-image:url(/static/media/chevron.05a124d3.svg)}.icon.icon-critical{-webkit-mask-image:url(/static/media/critical.046b659f.svg);mask-image:url(/static/media/critical.046b659f.svg)}.icon.icon-deprecated{-webkit-mask-image:url(/static/media/deprecated.eda3b39b.svg);mask-image:url(/static/media/deprecated.eda3b39b.svg)}.icon.icon-desktop{-webkit-mask-image:url(/static/media/desktop.ae5e91df.svg);mask-image:url(/static/media/desktop.ae5e91df.svg)}.icon.icon-disabled{-webkit-mask-image:url(/static/media/disabled.f52f4d02.svg);mask-image:url(/static/media/disabled.f52f4d02.svg)}.icon.icon-edit{-webkit-mask-image:url(/static/media/edit.2e4f3bd1.svg);mask-image:url(/static/media/edit.2e4f3bd1.svg)}.icon.icon-ellipses{-webkit-mask-image:url(/static/media/ellipses.c6dd1c04.svg);mask-image:url(/static/media/ellipses.c6dd1c04.svg)}.icon.icon-experimental{-webkit-mask-image:url(/static/media/experimental.2f9e05f5.svg);mask-image:url(/static/media/experimental.2f9e05f5.svg)}.icon.icon-external{-webkit-mask-image:url(/static/media/external.ad7e40a9.svg);mask-image:url(/static/media/external.ad7e40a9.svg)}.icon.icon-eye-filled{-webkit-mask-image:url(/static/media/eye-filled.dd0405b4.svg);mask-image:url(/static/media/eye-filled.dd0405b4.svg)}.icon.icon-eye{-webkit-mask-image:url(/static/media/eye.b451ad8c.svg);mask-image:url(/static/media/eye.b451ad8c.svg)}.icon.icon-firefox{-webkit-mask-image:url(/static/media/firefox.d35fc9b7.svg);mask-image:url(/static/media/firefox.d35fc9b7.svg)}.icon.icon-footnote{-webkit-mask-image:url(/static/media/footnote.70fd5fed.svg);mask-image:url(/static/media/footnote.70fd5fed.svg)}.icon.icon-github-mark-small{-webkit-mask-image:url(/static/media/github-mark-small.348586b8.svg);mask-image:url(/static/media/github-mark-small.348586b8.svg)}.icon.icon-information{-webkit-mask-image:url(/static/media/information.81a9c7bf.svg);mask-image:url(/static/media/information.81a9c7bf.svg)}.icon.icon-language{-webkit-mask-image:url(/static/media/language.e4289910.svg);mask-image:url(/static/media/language.e4289910.svg)}.icon.icon-menu-filled{-webkit-mask-image:url(/static/media/menu-filled.48a62111.svg);mask-image:url(/static/media/menu-filled.48a62111.svg)}.icon.icon-menu{-webkit-mask-image:url(/static/media/menu.1ed93cf1.svg);mask-image:url(/static/media/menu.1ed93cf1.svg)}.icon.icon-mobile{-webkit-mask-image:url(/static/media/mobile.7f0bdae2.svg);mask-image:url(/static/media/mobile.7f0bdae2.svg)}.icon.icon-moon-fill{-webkit-mask-image:url(/static/media/moon-fill.2204a73b.svg);mask-image:url(/static/media/moon-fill.2204a73b.svg)}.icon.icon-next{-webkit-mask-image:url(/static/media/next.1ecddf89.svg);mask-image:url(/static/media/next.1ecddf89.svg)}.icon.icon-no{-webkit-mask-image:url(/static/media/no.d2e0aa3e.svg);mask-image:url(/static/media/no.d2e0aa3e.svg)}.icon.icon-nonstandard{-webkit-mask-image:url(/static/media/nonstandard.d6e4c7b3.svg);mask-image:url(/static/media/nonstandard.d6e4c7b3.svg)}.icon.icon-note-info{-webkit-mask-image:url(/static/media/note-info.0eafb6e7.svg);mask-image:url(/static/media/note-info.0eafb6e7.svg)}.icon.icon-note-warning{-webkit-mask-image:url(/static/media/note-warning.d6e4c7b3.svg);mask-image:url(/static/media/note-warning.d6e4c7b3.svg)}.icon.icon-note-deprecated{-webkit-mask-image:url(/static/media/note-deprecated.0d2643f0.svg);mask-image:url(/static/media/note-deprecated.0d2643f0.svg)}.icon.icon-partial{-webkit-mask-image:url(/static/media/partial.2d8806d7.svg);mask-image:url(/static/media/partial.2d8806d7.svg)}.icon.icon-prefix{-webkit-mask-image:url(/static/media/prefix.db94a69f.svg);mask-image:url(/static/media/prefix.db94a69f.svg)}.icon.icon-preview{-webkit-mask-image:url(/static/media/preview.77ee1203.svg);mask-image:url(/static/media/preview.77ee1203.svg)}.icon.icon-previous{-webkit-mask-image:url(/static/media/previous.585a0363.svg);mask-image:url(/static/media/previous.585a0363.svg)}.icon.icon-quote{-webkit-mask-image:url(/static/media/quote.d88c218c.svg);mask-image:url(/static/media/quote.d88c218c.svg)}.icon.icon-search{-webkit-mask-image:url(/static/media/search.cebfd63a.svg);mask-image:url(/static/media/search.cebfd63a.svg)}.icon.icon-server{-webkit-mask-image:url(/static/media/server.fdad5f2f.svg);mask-image:url(/static/media/server.fdad5f2f.svg)}.icon.icon-sidebar{-webkit-mask-image:url(/static/media/sidebar.18421c22.svg);mask-image:url(/static/media/sidebar.18421c22.svg)}.icon.icon-small-arrow{-webkit-mask-image:url(/static/media/small-arrow.a22801b3.svg);mask-image:url(/static/media/small-arrow.a22801b3.svg)}.icon.icon-sun-fill{-webkit-mask-image:url(/static/media/sun-fill.af1aa388.svg);mask-image:url(/static/media/sun-fill.af1aa388.svg)}.icon.icon-star-filled{-webkit-mask-image:url(/static/media/star-filled.358ee456.svg);mask-image:url(/static/media/star-filled.358ee456.svg)}.icon.icon-star{-webkit-mask-image:url(/static/media/star.00aab2ac.svg);mask-image:url(/static/media/star.00aab2ac.svg)}.icon.icon-theme{-webkit-mask-image:url(/static/media/theme.b14255ea.svg);mask-image:url(/static/media/theme.b14255ea.svg)}.icon.icon-thumbs-down{-webkit-mask-image:url(/static/media/thumbs-down.7ca516d7.svg);mask-image:url(/static/media/thumbs-down.7ca516d7.svg)}.icon.icon-thumbs-up{-webkit-mask-image:url(/static/media/thumbs-up.10a6075a.svg);mask-image:url(/static/media/thumbs-up.10a6075a.svg)}.icon.icon-trash{-webkit-mask-image:url(/static/media/trash.edee2ea8.svg);mask-image:url(/static/media/trash.edee2ea8.svg)}.icon.icon-twitter{-webkit-mask-image:url(/static/media/twitter.cc5b37fe.svg);mask-image:url(/static/media/twitter.cc5b37fe.svg)}.icon.icon-unknown{-webkit-mask-image:url(/static/media/unknown.7fd13a76.svg);mask-image:url(/static/media/unknown.7fd13a76.svg)}.icon.icon-warning{-webkit-mask-image:url(/static/media/warning.334964ef.svg);mask-image:url(/static/media/warning.334964ef.svg)}.icon.icon-yes{-webkit-mask-image:url(/static/media/yes.70caad81.svg);mask-image:url(/static/media/yes.70caad81.svg)}.icon.icon-yes-circle{-webkit-mask-image:url(/static/media/yes-circle.1c4f7a08.svg);mask-image:url(/static/media/yes-circle.1c4f7a08.svg)}.button,button{-webkit-appearance:none;appearance:none;background:none;border:none}.button{--button-bg:var(--button-primary-default);--button-border-color:var(--button-primary-default);--button-focus-effect:var(--focus-effect);--button-height:var(--form-elem-height,2rem);--button-color:var(--background-primary);--button-font:var(--type-emphasis-m);--button-padding:0.5rem;--button-radius:var(--elem-radius,0.25rem);cursor:pointer;display:inline-block;padding:0;text-decoration:none;border-radius:var(--button-radius)}.button-wrap{align-items:center;background-color:var(--button-bg);border-radius:var(--button-radius);border:1px solid var(--button-border-color);color:var(--button-color);display:flex;font:var(--button-font);grid-gap:.25rem;gap:.25rem;height:var(--button-height);justify-content:center;padding-left:var(--button-padding);padding-right:var(--button-padding);position:relative}.button .icon{background-color:var(--button-color);margin:0 -1px}.button.hover,.button:hover{--button-bg:var(--button-primary-hover);--button-border-color:var(--button-bg)}.button.active,.button:active{--button-bg:var(--button-primary-active)}.button.focus,.button:focus{outline:none}.button.focus .button-wrap,.button:focus .button-wrap{box-shadow:var(--button-focus-effect);border:1px solid var(--button-secondary-border-focus)}.button.button.inactive,.button.button[disabled]{opacity:.65;cursor:default}.button.button.inactive:hover,.button.button[disabled]:hover{--button-bg:inherit;--button-border-color:transparent}.button.small,.button.small .button-wrap{--button-height:1.75rem;--button-padding:0.25rem}.button.secondary{--button-bg:var(--button-secondary-default);--button-border-color:var(--border-primary);--button-color:var(--text-secondary)}.button.secondary:hover{--button-bg:var(--button-secondary-hover)}.button.secondary:active{--button-bg:var(--button-secondary-active)}.button.secondary:focus{--button-border-color:var(--button-secondary-border-focus)}.button.action{--button-bg:transparent;--button-border-color:var(--button-bg);--button-color:var(--text-secondary);--button-font:var(--type-label-s)}.button.action.has-icon{--button-font:var(--type-emphasis-m);text-transform:none}.button.action:hover{--button-bg:var(--button-secondary-hover)}.button.action:active{--button-bg:var(--button-secondary-active)}.button.action:focus{--button-border-color:var(--button-secondary-border-focus)}.button.action .button-wrap{text-transform:uppercase}.button.action.highlight{--button-color:var(--button-primary-default)}.button.select{--button-bg:var(--background-primary);--button-border-color:var(--border-primary);--button-color:var(--text-secondary);-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;text-decoration:none}.button.select .button-wrap{position:relative;padding-right:26px;box-shadow:var(--shadow-01)}.button.select .button-wrap:after{position:absolute;top:calc(50% - .5rem);right:.5rem;display:block;width:16px;height:16px;background-color:var(--icon-primary);-webkit-mask-image:url(/static/media/small-arrow.a22801b3.svg);mask-image:url(/static/media/small-arrow.a22801b3.svg);-webkit-mask-size:cover;mask-size:cover;content:""}.header-search .search-widget{position:relative;width:100%}@media screen and (min-width:769px){.header-search .search-widget{align-items:center;display:flex;grid-gap:.5rem;gap:.5rem;margin:0}}.header-search .search-input-field{-webkit-appearance:none;background-color:var(--background-primary);border:1px solid var(--border-primary);border-radius:100px;padding-right:2rem;color:var(--text-primary);height:var(--form-elem-height);min-width:5rem;padding-left:1rem;width:100%;caret-color:var(--text-link)}@-webkit-keyframes blink{0%,to{-webkit-text-decoration-line:none;text-decoration-line:none}50%{-webkit-text-decoration-line:underline;text-decoration-line:underline}}@keyframes blink{0%,to{-webkit-text-decoration-line:none;text-decoration-line:none}50%{-webkit-text-decoration-line:underline;text-decoration-line:underline}}.header-search .search-input-field:invalid::-webkit-input-placeholder{-webkit-animation:blink 2s step-end infinite;animation:blink 2s step-end infinite;caret-color:transparent}.header-search .search-input-field:invalid:-ms-input-placeholder{animation:blink 2s step-end infinite;caret-color:transparent}.header-search .search-input-field:invalid,.header-search .search-input-field:invalid::placeholder{-webkit-animation:blink 2s step-end infinite;animation:blink 2s step-end infinite;caret-color:transparent}.header-search .search-input-field:valid::-webkit-input-placeholder{-webkit-animation:none;animation:none}.header-search .search-input-field:valid:-ms-input-placeholder{animation:none}.header-search .search-input-field:valid,.header-search .search-input-field:valid::placeholder{-webkit-animation:none;animation:none}.header-search .search-input-field:not(:focus):valid::-webkit-input-placeholder{-webkit-text-decoration-line:none;text-decoration-line:none}.header-search .search-input-field:not(:focus):valid:-ms-input-placeholder{text-decoration-line:none}.header-search .search-input-field:not(:focus):valid,.header-search .search-input-field:not(:focus):valid::placeholder{-webkit-text-decoration-line:none;text-decoration-line:none}.header-search .search-input-field:not(:focus),.header-search .search-input-field:not(:focus)::placeholder{-webkit-animation:none;animation:none;-webkit-text-decoration-line:underline;text-decoration-line:underline}.header-search .search-input-field:not(:focus)::-webkit-input-placeholder{-webkit-animation:none;animation:none;-webkit-text-decoration-line:underline;text-decoration-line:underline}.header-search .search-input-field:not(:focus):-ms-input-placeholder{animation:none;text-decoration-line:underline}.header-search .search-input-field:not(:focus)::placeholder{-webkit-animation:none;animation:none;-webkit-text-decoration-line:underline;text-decoration-line:underline}.header-search .search-input-field:focus{outline:0 none;box-shadow:0 0 0 3px var(--blend-color),0 0 0 3px var(--category-color);border-color:var(--category-color)}.header-search .search-input-field::-webkit-input-placeholder{font:var(--type-body-l);text-decoration-thickness:.15rem;text-underline-offset:.1em;-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link);opacity:1}.header-search .search-input-field:-ms-input-placeholder{font:var(--type-body-l);text-decoration-thickness:.15rem;text-underline-offset:.1em;text-decoration-color:var(--text-link);opacity:1}.header-search .search-input-field,.header-search .search-input-field::placeholder{font:var(--type-body-l);text-decoration-thickness:.15rem;text-underline-offset:.1em;-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link);opacity:1}.header-search .server-error{color:var(--icon-critical);margin:0}.header-search .search-results{border:1px solid var(--border-secondary);border-radius:var(--elem-radius);box-shadow:var(--shadow-01);left:0;position:absolute;top:42px;width:100%;z-index:var(--z-index-search-results)}.header-search .search-results,.header-search .search-results a[href],.header-search .search-results mark{color:var(--text-primary)}.header-search .search-results .indexing-warning{color:var(--icon-warning)}.header-search .search-results .nothing-found{font-style:italic}.header-search .search-results .fuzzy-engaged{background-color:var(--background-secondary);font-size:.8125rem}.header-search .search-results .result-item{border-bottom:1px solid var(--border-secondary);padding:.5rem;word-break:break-word;background:var(--background-secondary);font:var(--type-body-m)}.header-search .search-results .result-item:first-child{border-radius:var(--elem-radius) var(--elem-radius) 0 0}.header-search .search-results .result-item:last-child{border-radius:0 0 var(--elem-radius) var(--elem-radius)}.header-search .search-results .result-item.nothing-found code{font-size:.8125rem}.header-search .search-results .result-item.highlight,.header-search .search-results .result-item:hover{background-color:var(--border-secondary)}.header-search .search-results .result-item:focus,.header-search .search-results .result-item:hover{cursor:pointer}.header-search .search-results div:last-child{border-bottom:0}.header-search .search-results mark{background-color:var(--mark-color)}.header-search .search-results small{overflow-wrap:break-word}.header-search .search-results a{text-overflow:ellipsis}.header-search .search-results div.searchindex-error{color:var(--icon-critical)}.search-form{position:relative}.button.search-button{--button-color:var(--icon-secondary);--button-height:1.5rem;--button-padding:0;position:absolute;right:.75rem;top:.25rem;width:1.5rem}.button.search-button:hover{background:transparent}@media screen and (min-width:769px){.button.search-button{right:3.5rem;width:1.5rem}}.close-search-button{display:none}@media screen and (min-width:769px){.close-search-button{display:block}}.mandala-container{display:flex;justify-content:center;--mandala-primary:#42435a;--mandala-accent-1:var(--html-accent-color);--mandala-accent-2:var(--http-accent-color);--mandala-accent-3:var(--js-accent-color);--mandala-accent-4:#b1b1bc}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mandala-container .mandala-rotate>svg{-webkit-animation:rotation 500s linear infinite;animation:rotation 500s linear infinite}.mandala-container svg{font-size:1.5rem;font-weight:100}.mandala-container svg>text{fill:var(--mandala-primary)}.mandala-container .mandala-accent-1{font-size:1.5rem}.mandala-container .mandala-accent-2{font-size:1.3rem}.mandala-container .mandala-accent-3{font-size:1.2rem}.mandala-container .mandala-accent-4{font-size:1.1rem}.mandala-container .mandala-accent-5{font-size:1rem}.mandala-container.animate-colors svg>text>textPath>tspan{-webkit-animation:mandala-color-change 50s infinite;animation:mandala-color-change 50s infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;fill:var(--mandala-primary)}.mandala-container.animate-colors .mandala-accent-1>textPath>tspan{fill:var(--mandala-accent-1);-webkit-animation-delay:-15s;animation-delay:-15s}.mandala-container.animate-colors .mandala-accent-2>textPath>tspan{fill:var(--mandala-accent-2);-webkit-animation-delay:-20s;animation-delay:-20s}.mandala-container.animate-colors .mandala-accent-3>textPath>tspan{fill:var(--mandala-accent-3);-webkit-animation-delay:-30s;animation-delay:-30s}.mandala-container.animate-colors .mandala-accent-5>textPath>tspan{fill:var(--mandala-accent-4);-webkit-animation-delay:-40s;animation-delay:-40s}@-webkit-keyframes mandala-color-change{0%{fill:var(--mandala-primary)}10%{fill:var(--mandala-primary)}15%{fill:var(--mandala-accent-1)}20%{fill:var(--mandala-primary)}25%{fill:var(--mandala-primary)}30%{fill:var(--mandala-accent-2)}35%{fill:var(--mandala-primary)}40%{fill:var(--mandala-primary)}50%{fill:var(--mandala-accent-3)}55%{fill:var(--mandala-primary)}60%{fill:var(--mandala-primary)}65%{fill:var(--mandala-accent-4)}70%{fill:var(--mandala-primary)}to{fill:var(--mandala-primary)}}@keyframes mandala-color-change{0%{fill:var(--mandala-primary)}10%{fill:var(--mandala-primary)}15%{fill:var(--mandala-accent-1)}20%{fill:var(--mandala-primary)}25%{fill:var(--mandala-primary)}30%{fill:var(--mandala-accent-2)}35%{fill:var(--mandala-primary)}40%{fill:var(--mandala-primary)}50%{fill:var(--mandala-accent-3)}55%{fill:var(--mandala-primary)}60%{fill:var(--mandala-primary)}65%{fill:var(--mandala-accent-4)}70%{fill:var(--mandala-primary)}to{fill:var(--mandala-primary)}}.recent-contributions{display:flex;flex-direction:column;max-width:52rem;width:100%;grid-gap:1rem;gap:1rem;padding:0 1rem}.recent-contributions h5{margin:0}.recent-contributions .request-item{padding:.5rem;display:flex;justify-content:space-between;flex-direction:column}@media screen and (min-width:769px){.recent-contributions .request-item{flex-direction:revert}}.recent-contributions .request-item:nth-child(odd){border-radius:var(--elem-radius);background:var(--background-secondary)}.recent-contributions .request-item .request-date{font-size:12px;line-height:175%;display:flex;align-items:center}.recent-contributions .request-title{font-size:14px;line-height:175%;margin:0;display:flex;flex-direction:column;grid-gap:.125rem;gap:.125rem;font:var(--type-body-m)}.recent-contributions .request-title a{color:var(--text-primary)}.recent-contributions .request-title a:hover{text-decoration:underline;color:var(--text-primary)}.recent-contributions .request-title .request-repo{font:var(--type-body-s);color:var(--text-secondary)}.contributor-spotlight{color:var(--text-primary);width:100%;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;position:relative}.contributor-spotlight blockquote{margin:0;border:0;font-style:italic;padding:0;display:flex}.contributor-spotlight blockquote .icon{margin-right:.5rem;margin-top:.25rem}.contributor-spotlight h4{font:var(--type-body-m)}.contributor-spotlight .text-col{display:flex;flex-direction:column;max-width:52rem;padding:0 1rem;width:100%;grid-gap:1rem;gap:1rem;align-items:center}.contributor-spotlight .spotlight-cta{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;--button-bg:var(--text-link);--button-border-color:#15141a;--button-color:var(--mdn-color-black);--button-radius:10rem;--button-padding:1rem;--button-primary-hover:#3a3944}.contributor-spotlight .wrapper{display:flex;flex-direction:column;max-width:52rem;width:100%;grid-gap:2rem;gap:2rem;padding:2rem 1rem;align-items:center}.contributor-spotlight .contributor-graphic{width:50%;display:flex;align-items:center;justify-content:center;word-break:break-word}.contributor-spotlight .contributor-graphic img{max-width:90%;height:-webkit-max-content;height:max-content}.contributor-spotlight .contributor-name{font-size:1.5rem;font-weight:650;color:var(--mdn-color-black);background-color:var(--mdn-color-white);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;line-height:1.4;text-transform:uppercase}.contributor-spotlight .contributor-name:after,.contributor-spotlight .contributor-name:before{content:" "}.contributor-spotlight .contributor-name:link,.contributor-spotlight .contributor-name:visited{color:var(--mdn-color-black);text-decoration:none}.contributor-spotlight .contributor-name:focus,.contributor-spotlight .contributor-name:hover{text-decoration:underline}@media screen and (min-width:769px){.contributor-spotlight .wrapper{flex-direction:row;align-items:normal}.contributor-spotlight .text-col{align-items:normal;text-align:left}}.contributor-spotlight .mandala-container{background:rgba(1,1,1,.9);width:100%;height:100%;position:absolute;top:0;z-index:-1;overflow:hidden;--mandala-primary:var(--border-primary)}.contributor-spotlight .mandala-container .mandala-translate{-webkit-transform:translate(-5rem);transform:translate(-5rem)}@-webkit-keyframes slow-pulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes slow-pulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}.generic-loading{-webkit-animation:slow-pulse 2s infinite normal;animation:slow-pulse 2s infinite normal;align-items:center;-webkit-animation-delay:1s;animation-delay:1s;display:flex;justify-content:center;width:100%}.show-browser-version-toggle{display:flex;justify-content:flex-end;margin-top:.5rem;font:var(--type-body-m)}.bc-table{width:100%;margin:1rem 0;border:1px solid var(--border-primary);border-radius:var(--elem-radius);border-collapse:separate;border-spacing:0}.bc-table thead{display:none}.bc-table tbody td,.bc-table tbody th{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;align-content:center}.bc-table td,.bc-table th{border:1px solid var(--border-secondary);border-width:0 0 1px 1px;font:var(--type-body-m);padding:.4rem}.bc-table td[aria-expanded=false],.bc-table th[aria-expanded=false]{height:2rem}.bc-table td code,.bc-table th code{font-size:.75rem!important}.bc-table tbody tr{height:3rem}.bc-table tbody tr:last-child td,.bc-table tbody tr:last-child th{border-bottom-width:0}.bc-table tbody tr th{border-left-width:0;vertical-align:middle}.bc-table tbody td.bc-supports-no>span{color:var(--text-primary-red)}.bc-table tbody td.bc-supports-partial>span{color:var(--text-primary-yellow)}.bc-table tbody td.bc-supports-preview>span{color:var(--text-primary-blue)}.bc-table tbody td.bc-supports-yes>span{color:var(--text-primary-green)}.bc-table th{vertical-align:bottom;background:var(--background-tertiary)}@media screen and (min-width:769px){.bc-table tbody th{width:20%}}.bc-table .bc-supports{margin-bottom:1rem}.bc-table .bc-supports .icon-wrap{background:var(--background-primary)}.bc-table .icon-wrap .bc-support-level{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px}.bc-table .bc-icon-cell>.icon-wrap{display:block}.bc-table tr [class^=bc-browser]{text-align:center}.bc-table .bc-history-desktop{display:none}.bc-head-txt-label{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;-webkit-transform:rotate(180deg);transform:rotate(180deg);white-space:nowrap}.bc-icon-cell{text-align:center;vertical-align:middle}.bc-history-link{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;position:absolute}.bc-level-no{background-color:var(--icon-critical)}.bc-level-preview{background-color:var(--icon-information)}.bc-legend-items-container{display:flex;flex-wrap:wrap;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem;font:var(--type-body-m)}.bc-legend-item{display:flex;grid-gap:.5rem;gap:.5rem}.bc-legend-item-dt{display:flex}.bc-legend-item-dt .icon{background-color:var(--icon-secondary)}.bc-platforms{height:2rem}.bc-platforms th{text-align:center}.bc-platforms td{border:none}.bc-browsers td{border-width:0 0 1px}.bc-notes-list{position:relative;margin:.5rem 0;text-align:left;width:100%}.bc-notes-list:before{position:absolute;z-index:-1;height:100%;left:7px;width:2px;background:var(--border-primary);content:""}.bc-notes-list .bc-notes-wrapper:last-child dd:last-child{position:relative}.bc-notes-list .bc-notes-wrapper:last-child dd:last-child:before{position:absolute;z-index:-1;height:calc(100% - 6px);left:7px;width:2px;bottom:0;background:var(--background-primary);content:""}.bc-notes-list .bc-level-yes.icon.icon-yes{background-color:var(--icon-success);-webkit-mask-image:url(/static/media/yes-circle.1c4f7a08.svg);mask-image:url(/static/media/yes-circle.1c4f7a08.svg)}.bc-notes-list .icon.icon-footnote{-webkit-mask-image:none;mask-image:none;border-radius:50%;border:3px solid var(--background-primary);background:var(--border-primary)}.bc-notes-list .icon.icon-disabled{background-color:var(--icon-information)}.bc-notes-list .bc-version-label{display:inline;font-weight:650}.bc-notes-list abbr{margin-right:4px}.bc-notes-list dd{margin-bottom:1rem;padding-left:1.5rem;text-indent:-1.5rem}.bc-notes-list dd:last-child{margin-bottom:2rem}.bc-notes-wrapper{margin-bottom:1rem}.bc-notes-wrapper:last-child{margin-bottom:0}dl.bc-notes-list dt.bc-supports{margin-top:1rem}dl.bc-notes-list dd.bc-supports-dd{margin-bottom:1rem}.offscreen,.only-icon span{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px}.bc-table-row-header{width:100%;display:inline-flex;align-items:baseline}.bc-table-row-header code{overflow:hidden;font-size:.75rem}.bc-table-row-header .left-side,.bc-table-row-header .right-side{white-space:pre;overflow:hidden}.bc-table-row-header .left-side{flex:0 1 auto;text-overflow:ellipsis}.bc-table-row-header .right-side{flex:1 0 auto}.bc-table-row-header .bc-icons{display:flex;grid-gap:.5rem;gap:.5rem;margin-top:.25rem}.bc-table-row-header .bc-icons .icon{background-color:var(--icon-secondary)}.bc-table-row-header .bc-icons .icon:hover{background-color:var(--icon-primary)}@media screen and (min-width:426px){.bc-table thead{display:table-header-group}.bc-table thead .bc-platforms th{vertical-align:revert}.bc-table tbody td,.bc-table tbody th{display:table-cell}.bc-table td,.bc-table th{background:inherit;padding:.25rem;width:2rem}.bc-table tr.bc-history-desktop{display:table-row}.table-scroll{overflow:auto;width:100vw;margin:0 -3rem}.table-scroll-inner{padding:0 3rem;position:relative;min-width:-webkit-max-content;min-width:max-content}.table-scroll-inner:after{position:absolute;width:10px;height:10px;bottom:0;right:0;content:""}.bc-browser-name,.bc-support-level{display:none}.bc-notes-list{margin-left:20%;width:auto}.bc-icon-cell .bc-support-level{display:none}.bc-icon-cell[aria-expanded=true]{position:relative}.bc-icon-cell[aria-expanded=true]:after{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--text-primary);content:""}.bc-icon-cell[aria-expanded=true] .bc-history-mobile{display:none}.bc-has-history{cursor:pointer}.bc-has-history:hover{background:var(--background-secondary)}}@media screen and (min-width:769px){.table-scroll{width:calc(100% + 6rem)}}@media screen and (min-width:1200px){.table-scroll{width:100%;margin:0}.table-scroll-inner{padding:0}}.bc-github-link{font:var(--type-body-m)}.main-page-content .bc-legend dd,.main-page-content .bc-legend dt{margin-top:0;margin-bottom:0;margin-left:0}.main-page-content .bc-supports-dd{margin:0}.breadcrumbs-container{display:flex;align-items:center;margin-right:auto}.breadcrumbs-container ol{line-height:1.2}.breadcrumbs-container li{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.breadcrumbs-container li:first-child,.breadcrumbs-container li:last-child{display:inline-flex}.breadcrumbs-container li .breadcrumb:after{margin-right:.5rem;background-color:var(--icon-secondary);content:"";display:block;height:12px;-webkit-mask-image:url(/static/media/chevron.05a124d3.svg);mask-image:url(/static/media/chevron.05a124d3.svg);-webkit-mask-size:12px;mask-size:12px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:12px}.breadcrumbs-container li a{align-items:center;display:flex}.breadcrumbs-container li a:link,.breadcrumbs-container li a:visited{color:var(--text-secondary)}.breadcrumbs-container li a:hover{text-decoration:underline}.breadcrumbs-container li a:focus-visible{outline:0}.breadcrumbs-container li a:focus-visible [property=name]{outline-style:auto;outline-color:var(--accent-primary);outline-offset:1px}.breadcrumbs-container li [property=name]{display:inline-block;margin-right:.5rem}@media screen and (min-width:1200px){.breadcrumbs-container li{display:inline-flex}}.watch-menu{position:relative}.watch-submenu{--gutter-padding:1rem;display:none;margin:0;padding:0}.watch-submenu.show{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;right:0;background:var(--background-primary);z-index:var(--z-index-mid)}.watch-submenu.is-in-modal{display:block;position:static;inset:auto}.watch-submenu.is-in-modal .watch-submenu-item{padding:1rem 0 0}.watch-submenu.is-in-modal .watch-submenu-item.padding-top-0{padding-top:0}.watch-submenu [type=text]{background:var(--background-primary);border:1px solid var(--border-primary);color:var(--text-primary);font:var(--type-body-m);padding:.5rem;flex:1 1 100%;min-width:0}.watch-submenu [type=text]:focus{outline:0 none;border:1px solid var(--button-secondary-border-focus);box-shadow:var(--focus-effect)}.watch-submenu-header,.watch-submenu-setGlobal{display:block;font:var(--type-emphasis-m);color:var(--text-primary);padding:1rem;text-align:left;width:100%}.watch-submenu-header{margin:0;border-bottom:1px solid var(--border-primary)}.watch-submenu-header-wrap{position:relative;display:flex;grid-gap:.5rem;gap:.5rem}.watch-submenu-header .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.watch-submenu-header.desktop-only{display:none}form>.watch-submenu-group,form>.watch-submenu-item{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid var(--border-primary);border-radius:0}form>.watch-submenu-group.border-top-0,form>.watch-submenu-item.border-top-0{border-top-width:0}form>.watch-submenu-group.watch-submenu-setGlobal,form>.watch-submenu-item.watch-submenu-setGlobal{padding-top:1rem}@media screen and (min-width:769px){.watch-submenu.show{padding:0;left:auto;position:absolute;right:0;top:calc(100% + 6px);bottom:auto;width:316px;z-index:1000;background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--elem-radius);box-shadow:var(--shadow-02)}.watch-submenu-header{display:block;padding:1rem var(--gutter-padding)}.watch-submenu-header-wrap{justify-content:center}.watch-submenu-header.desktop-only{display:block}.watch-submenu-header.mobile-only{display:none}.watch-submenu-header .icon{left:0;position:absolute}.watch-submenu-header,.watch-submenu-setGlobal{text-align:center}}.watch-submenu-item{display:flex;align-items:center;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;font:var(--type-emphasis-m);padding:1rem}.watch-submenu-item.is-button-row{display:flex;justify-content:flex-end;padding-top:1rem}.watch-submenu-item.is-button-row .button{width:auto}.watch-submenu-item.has-dropdown{padding:0 1rem .25rem}.watch-submenu-item:last-child{padding-bottom:0}.watch-submenu-item label{width:100%}.watch-submenu-item [type=checkbox]+label{flex:1 1;width:auto}.watch-submenu-item [type=checkbox]+label+.button{width:28px;margin-left:auto}@media screen and (min-width:769px){.watch-submenu-item{padding:0 .5rem 0 1rem}.watch-submenu-item.pad-y{padding-top:1rem;padding-bottom:1rem}.watch-submenu-item:last-child{padding-bottom:1rem}}.watch-submenu-mobile-buttons{position:absolute;top:.5rem;right:1rem;display:flex;grid-gap:.5rem;gap:.5rem}@media screen and (min-width:769px){.watch-submenu-mobile-buttons{display:none}}.watch-submenu-button{background-color:transparent;border-top:1px solid var(--border-primary);padding:0;color:var(--text-primary);cursor:pointer}.watch-submenu-button.is-custom{position:relative;padding-right:2.5rem}.watch-submenu-button.is-custom:after{position:absolute;width:16px;height:16px;top:50%;right:1rem;-webkit-mask-image:url(/static/media/chevron.05a124d3.svg);mask-image:url(/static/media/chevron.05a124d3.svg);-webkit-mask-size:16px;mask-size:16px;-webkit-transform:rotate(-90deg) translateX(50%);transform:rotate(-90deg) translateX(50%);background-color:var(--text-primary);content:""}.watch-submenu-button:first-of-type{border-top-width:0}.watch-submenu-button:focus{outline:1px solid var(--button-secondary-border-focus);box-shadow:var(--focus-effect)}.watch-submenu-button-wrap{display:grid;grid-template-columns:16px 1fr;grid-template-areas:"status label" "status text";grid-gap:.5rem;gap:.5rem;padding:.8125rem var(--gutter-padding);text-align:left}.watch-submenu-button-status{grid-area:status}.watch-submenu-button-label{font:var(--type-emphasis-m);grid-area:label}.watch-submenu-button-text{font:var(--type-body-m);grid-area:text}.watch-submenu-button:hover{background-color:var(--border-secondary)}.watch-submenu-group{border:none;margin:0;padding:0}.watch-submenu-group ul{padding-left:1.5rem}.watch-submenu-group .watch-submenu-group .watch-submenu-item{font:var(--type-body-m);padding-top:0;padding-bottom:0;min-height:28px}.watch-submenu-group.is-open .button .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.watch-submenu-setGlobal{display:block;color:var(--text-link);font:var(--type-body-m);text-align:right}.dropdown{position:relative}.dropdown-list{position:absolute;top:calc(100% + 2px);left:0;background:var(--background-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-01);padding:.5rem;border-radius:var(--elem-radius);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-body-m);--button-bg:transparent;justify-content:flex-start;text-align:left;text-transform:none}.dropdown-item .button.action .button-wrap:hover{--button-bg:var(--button-secondary-hover)}.dropdown-item .button.action.active-menu-item{--button-bg:var(--background-primary);--button-border-color:var(--border-secondary)}.submenu{background-color:var(--background-primary);list-style:none;margin:0;padding:0}.submenu li{width:100%}.submenu .submenu-item,.submenu a{align-items:center;border:1px solid transparent;color:var(--text-primary);display:flex;grid-gap:.75rem;gap:.75rem;height:100%;padding:.5rem;width:100%}li:last-child .submenu .submenu-item:not(:focus),li:last-child .submenu a:not(:focus){border-bottom-color:transparent}.submenu .submenu-item:hover,.submenu a:hover{background-color:var(--border-secondary);text-decoration:none}.main-menu .submenu .submenu-item:hover,.main-menu .submenu a:hover{background-color:var(--background-secondary)}.submenu .submenu-item:focus,.submenu a:focus{border:1px solid var(--button-secondary-border-focus);box-shadow:var(--button-focus-effect)}@media screen and (min-width:769px){.submenu{background-color:var(--background-secondary);border-radius:var(--elem-radius);border:1px solid var(--border-primary);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{background-color:var(--background-primary)}.submenu .submenu-item{border-radius:var(--elem-radius);padding:.75rem}.submenu:before{content:"";display:block;height:8px;left:0;position:absolute;top:-8px;width:100%}}.submenu-header{display:block;padding:1rem}.submenu-header .submenu-item{padding:0}.submenu-header .submenu-item:hover{background:none}@media screen and (min-width:769px){.submenu-header{border-bottom:1px solid var(--border-primary)}}.submenu-icon{background-color:var(--icon-primary);height:2rem;position:relative;width:.2rem}.submenu-item,.submenu-item-heading{font:var(--type-body-m)}@media screen and (min-width:769px){.submenu-item-heading:not(:only-child),.submenu-item:not(:only-child){font:var(--type-emphasis-m)}}.submenu-item-description{display:none}@media screen and (min-width:769px){.submenu-item-description{display:block;margin:.25rem 0 0;font:var(--type-body-s)}}.submenu-item-subtext{font:var(--type-emphasis-m)}.submenu-item-dot~.submenu-content-container>.submenu-item-heading:after{content:"";display:inline-block;border:1px solid var(--background-primary);border-radius:2rem;background:var(--text-primary-blue);width:.5rem;height:.5rem;margin-left:.5rem}.active-menu-item{background-color:var(--background-primary);border-color:var(--border-secondary)}.theme-switcher-menu .themes-menu .button.button{--button-bg:transparent;--button-border-color:var(--button-bg);--button-color:var(--text-primary);border-bottom-width:0;font:var(--type-body-m);width:100%}.theme-switcher-menu .themes-menu .button.button .button-wrap{font-weight:400;justify-content:flex-start;padding:1rem;border-width:1px}.theme-switcher-menu .themes-menu .button.button .button-wrap:before{display:inline-flex;width:1rem;height:1rem;border-radius:1rem;border:1px solid var(--border-secondary);background:var(--background-primary);content:""}.theme-switcher-menu .themes-menu .button.button.is-dark .button-wrap:before{background:#15141a}.theme-switcher-menu .themes-menu .button.button.is-light .button-wrap:before{background-color:#fff}.theme-switcher-menu .themes-menu .button.button:focus{--button-border-color:var(--button-secondary-border-focus)}@media(prefers-color-scheme:light){.theme-switcher-menu .themes-menu .button.button.is-os-default .button-wrap:before{background-color:#fff}}@media(prefers-color-scheme:dark){.theme-switcher-menu .themes-menu .button.button.is-os-default .button-wrap:before{background:#15141a}}.theme-switcher-menu .themes-menu .button.button:hover{--button-bg:var(--border-secondary)}.theme-switcher-menu .active-menu-item .button-wrap,.theme-switcher-menu .active-menu-item:hover .button-wrap{--button-bg:var(--background-primary);--button-border-color:var(--border-secondary)}.theme-switcher-menu .active-menu-item:focus .button-wrap{--button-border-color:var(--button-secondary-border-focus)}@media screen and (min-width:769px){.theme-switcher-menu{border-bottom:0}.theme-switcher-menu .themes-menu.show{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;max-width:-webkit-max-content;max-width:max-content;min-width:130px}.theme-switcher-menu .themes-menu .submenu-item{padding:.5rem 1rem}}.languages-switcher-menu>.button .button-wrap:after,.theme-switcher-menu>.button .button-wrap:after{background-color:var(--icon-secondary);content:"";display:block;height:16px;-webkit-mask-image:url(/static/media/chevron.05a124d3.svg);mask-image:url(/static/media/chevron.05a124d3.svg);-webkit-mask-size:16px;mask-size:16px;width:16px;margin-left:auto}.languages-switcher-menu>.button[aria-expanded=true] .button-wrap:after,.theme-switcher-menu>.button[aria-expanded=true] .button-wrap:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media screen and (min-width:769px){.languages-switcher-menu>.button .button-wrap:after,.theme-switcher-menu>.button .button-wrap:after{content:unset}}.languages-switcher-menu.open-on-focus-within .submenu{display:block}.language-menu .submenu-item{padding:.5rem}@media(min-width:769px){.language-menu{right:0}}.article-actions{margin-left:auto}.article-actions .article-actions-dialog-heading{display:none}.article-actions .button.action .button-wrap{text-transform:none}@media screen and (min-width:769px){.article-actions{display:block}}.article-actions-entries{display:none;list-style:none;margin:0;padding:0}@media screen and (min-width:769px){.article-actions-entries{display:flex;grid-gap:.5rem;gap:.5rem}.article-actions-entries .sidebar-toggle{display:none}}.article-actions-entry{align-items:center;display:flex;position:relative}@media screen and (max-width:769px){.article-actions.show-actions{background-color:var(--background-primary);color:var(--text-primary);display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:var(--z-index-low);overflow:auto;-webkit-overflow-scrolling:touch}.article-actions.show-actions .button{--button-radius:0;width:100%}.article-actions.show-actions .button .button-wrap{justify-content:flex-start;padding:1.5rem 1rem}.article-actions.show-actions .watch-submenu-item{padding-top:.5rem;padding-bottom:.5rem}.article-actions.show-actions .watch-submenu-item .button{width:auto}.article-actions.show-actions .article-actions-entries>li>.button,.article-actions.show-actions .article-actions-entries>li>div>.button{border-bottom:1px solid var(--border-secondary)}.article-actions.show-actions .watch-submenu-mobile-buttons .button{border-bottom-width:0}.article-actions.show-actions .watch-submenu.show .button{--button-radius:var(--elem-radius)}.article-actions.show-actions .watch-submenu.show .button .button-wrap{padding:0 var(--button-padding);justify-content:center}.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.show-actions .submenu{flex-direction:column;grid-gap:.5rem;gap:.5rem;padding:.5rem 0 .5rem 1rem}.article-actions.show-actions .submenu-item{padding-left:1.5rem}}.toast{--toast-bg:var(--text-primary);--toast-color:var(--background-primary);position:fixed;bottom:1rem;padding:1rem 1rem 1rem 2rem;border-radius:var(--elem-radius);left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:90vw;max-width:680px;background:var(--toast-bg);box-shadow:var(--shadow-02);display:flex;grid-gap:.5rem;gap:.5rem}.toast-content{margin-right:auto;font:var(--type-body-l);color:var(--toast-color)}.toast .button.action{white-space:nowrap;--button-color:var(--toast-color)}.toast .button.action:hover{--button-bg:rgba(58,57,68,0.3);--button-border-color:transparent}.toast.is-important{--toast-bg:var(--accent-secondary);--toast-color:#fff}.toast-verbose-text{display:none}@media screen and (min-width:769px){.toast-verbose-text{display:inline}.toast-short-text{display:none}}.article-actions-container{align-items:center;background-color:var(--background-secondary);border-bottom:1px solid var(--border-primary);padding:0;margin:0;min-height:2rem;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-index-low)}.article-actions-container .container{display:flex;justify-content:space-between;align-items:center;grid-gap:.5rem;gap:.5rem}.article-actions-container .sidebar-button{display:none}@media screen and (max-width:769px){.article-actions-container .sidebar-button{display:flex;align-self:stretch;align-items:center;margin:0 0 0 -1rem}.article-actions-container .sidebar-button .button-wrap{border-right:1px solid var(--border-primary);border-radius:0}}@media screen and (min-width:769px){.article-actions-container{position:static}.article-actions-container .article-actions-toggle{display:none}.article-actions-container .bookmark-button-container{flex:0 0 40px}.article-actions-container .language-toggle{flex:1 1 fit-content}.article-actions-container .language-toggle:only-child{flex-basis:100%;justify-content:flex-end}}@media screen and (min-width:1441px){.article-actions-container .container{padding-right:1rem;padding-left:1rem}}@media screen and (max-width:769px){:root{--sticky-header-height:2rem}}.document-toc{font-size:1rem;margin-bottom:2rem;padding:0;position:relative}@media screen and (max-width:426px){.document-toc{padding:0 1rem}}.document-toc-heading.document-toc-heading{font:var(--type-heading-h6);letter-spacing:1.5px;margin:0 0 1rem;text-transform:uppercase}.document-toc-list.document-toc-list{list-style:none;padding-left:0}.document-toc-list.document-toc-list li{margin:0}.document-toc-link.document-toc-link:not(.button){display:block;padding:.5rem 1rem;font:var(--type-body-m);border-left:2px solid var(--border-secondary);color:var(--text-secondary);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]{color:var(--text-primary);font-weight:600;border-left:2px solid var(--text-link);background-color:var(--category-color-background)}.document-toc-item-sub>.document-toc-link:not(.button){padding-left:2rem}.document-toc .show-toc{display:block}.sidebar{color:var(--text-secondary)}.sidebar .backdrop{display:none}@media screen and (max-width:768px){.sidebar{position:fixed;top:0;right:0;left:0}.sidebar,.sidebar .sidebar-inner{height:100vh;max-height:100vh;z-index:var(--z-index-top);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sidebar .sidebar-inner{overflow:hidden;will-change:transform;transition:transform .2s linear;position:relative;padding:1rem;width:80vw;max-width:20rem;overflow:auto;background:var(--background-primary);border-right:1px solid var(--border-primary)}.sidebar .backdrop{opacity:0;will-change:opacity;transition:opacity .2s linear;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;background:rgba(0,0,0,.3);z-index:var(--z-index-mid);border-radius:0;cursor:default}.sidebar.is-animating,.sidebar.is-expanded,.sidebar.is-expanded .sidebar-inner{-webkit-transform:translateX(0);transform:translateX(0)}.sidebar.is-expanded .backdrop{opacity:1}}@media screen and (min-width:769px){.sidebar{display:flex;overflow:auto;position:-webkit-sticky;position:sticky;top:0;max-height:100vh}}.sidebar-heading{font:var(--type-heading-h6);color:var(--text-primary);letter-spacing:1.5px;margin:0 0 1rem;text-transform:uppercase}.sidebar a,.sidebar em{display:inline-flex;padding:.25rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.sidebar a{color:var(--text-secondary)}.sidebar a[aria-current=page]{background:var(--border-secondary);border-radius:var(--elem-radius)}.sidebar .no-link{display:inline-flex;padding:.25rem}.sidebar strong{margin-top:1rem;display:flex}.sidebar ol{font:var(--type-body-m)}.sidebar ol ol,.sidebar ol ul{padding-left:.5rem}.sidebar ol ol li{list-style-type:"· "}.sidebar ol ol li .icon{margin-right:.01em}.sidebar ol ol li.no-bullet{display:block;font-weight:var(--font-body-strong-weight);list-style-type:none}.sidebar li,.sidebar summary{margin-bottom:.5rem}.sidebar code{white-space:normal;word-wrap:break-word;border-radius:var(--elem-radius);font-family:var(--font-code);background:var(--code-background-inline);padding:.125rem;font-size:.75rem;line-height:1.2}.sidebar summary{cursor:pointer}.sidebar details{margin:.75rem 0}.sidebar details ol{padding-left:.75rem}.sidebar .icon{background-size:14px;height:14px;width:14px;margin-right:-.25rem;align-self:center}.sidebar .icon-experimental,.sidebar .icon-nonstandard{color:var(--icon-information)}.sidebar .icon-deprecated{color:var(--icon-critical)}.main-page-content .metadata{background-color:var(--background-secondary);--text-link:var(--code-color);margin:2rem 0;padding:1rem;border:1px solid var(--border-primary);box-shadow:var(--shadow-01);border-radius:var(--elem-radius)}.main-page-content .metadata h4{padding:0;margin-top:.5rem}.metadata-content-container{margin:0 auto;max-width:1440px;width:100%}.metadata-content-container .last-modified-date{margin-bottom:0}:root,body{--mdn-color-white:#fff;--mdn-color-black:#000;--mdn-background-dark:#15141a;--mdn-background-light:#fff}.light,:root{--text-primary:#15141a;--text-secondary:#5b5b66;--text-inactive:rgba(91,91,102,0.6509803921568628);--text-link:#1870f0;--text-invert:#fbfbfe;--background-primary:#fff;--background-secondary:#f9f9fb;--background-tertiary:#fbfbfe;--background-mark-yellow:rgba(232,140,102,0.4);--background-mark-green:rgba(107,184,106,0.4);--background-information:rgba(24,112,240,0.1);--background-warning:rgba(216,64,0,0.1);--background-critical:rgba(186,6,51,0.1);--background-success:rgba(6,109,5,0.1);--border-primary:#cfcfd8;--border-secondary:#e0e0e6;--button-primary-default:#15141a;--button-primary-hover:#3a3944;--button-primary-active:#5b5b66;--button-primary-inactive:#15141a;--button-secondary-default:#fbfbfe;--button-secondary-hover:#e0e0e6;--button-secondary-active:#e0e0e6;--button-secondary-inactive:#f9f9fb;--button-secondary-border-focus:#1870f0;--button-secondary-border-red:#f16b8c;--button-secondary-border-red-focus:#faced9;--icon-primary:#5b5b66;--icon-information:#1870f0;--icon-warning:#d84000;--icon-critical:#ba0633;--icon-success:#066d05;--accent-primary:#1870f0;--accent-primary-engage:rgba(24,112,240,0.1);--accent-secondary:#1870f0;--accent-tertiary:rgba(24,112,240,0.1);--shadow-01:0px 1px 2px rgba(43,42,51,0.05);--shadow-02:0px 1px 6px rgba(43,42,51,0.1);--focus-01:0px 0px 0px 3px rgba(0,144,237,0.4);--field-focus-border:#1870f0;--code-token-tag:#135ac0;--code-token-punctuation:#5b5b66;--code-token-attribute-name:#ba0633;--code-token-attribute-value:#066d05;--code-token-comment:#5b5b66;--code-token-default:#15141a;--code-token-selector:#8033c6;--code-background-inline:#f0f0f4;--code-background-block:#f0f0f4;--scrollbar-bg:transparent;--scrollbar-color:rgba(0,0,0,0.25);--category-color:#1870f0;--category-color-background:rgba(24,112,240,0.06274509803921569);--code-color:#468df3;--mark-color:#d1e2fc;--plus-accent-color:#e80840;--html-accent-color:#e80840;--css-accent-color:#1870f0;--js-accent-color:#d84000;--http-accent-color:#088806;--apis-accent-color:#a040f8;--learn-accent-color:#c84080;--plus-code-color:#ba0633;--html-code-color:#ba0633;--css-code-color:#135ac0;--js-code-color:#ad3300;--http-code-color:#066d05;--apis-code-color:#8033c6;--learn-code-color:#a03366;--plus-mark-color:#faced9;--html-mark-color:#faced9;--css-mark-color:#d1e2fc;--js-mark-color:#f7d9cc;--http-mark-color:#cee7cd;--apis-mark-color:#ecd9fe;--learn-mark-color:#f4d9e6;--plus-accent-background-color:rgba(232,8,64,0.06274509803921569);--html-accent-background-color:rgba(232,8,64,0.06274509803921569);--css-accent-background-color:rgba(24,112,240,0.06274509803921569);--js-accent-background-color:rgba(216,64,0,0.06274509803921569);--http-accent-background-color:rgba(8,136,6,0.06274509803921569);--apis-accent-background-color:rgba(160,64,248,0.06274509803921569);--learn-accent-background-color:rgba(200,64,128,0.06274509803921569);--plus-accent-engage:rgba(232,8,64,0.7);--html-accent-engage:rgba(232,8,64,0.7);--css-accent-engage:rgba(24,112,240,0.7);--js-accent-engage:rgba(216,64,0,0.7);--http-accent-engage:rgba(8,136,6,0.7);--apis-accent-engage:rgba(160,64,248,0.7);--learn-accent-engage:rgba(200,64,128,0.7);--homepage-hero-bg:radial-gradient(114.42% 123.24% at 6.69% 13.67%,rgba(51,178,252,0.2) 22.84%,rgba(152,82,250,0.2) 47.63%,rgba(255,230,0,0.2) 82.74%);--homepage-secondary-bg:linear-gradient(90deg,#8524ff -43.99%,#4d7fff 159.52%);--modal-backdrop-color:rgba(21,20,26,0.1);--blend-color:hsla(0,0%,100%,0.5019607843137255);--text-primary-red:#ba0633;--text-primary-green:#066d05;--text-primary-blue:#135ac0;--text-primary-yellow:#ad3300}.dark,.light,:root{--icon-secondary:#afafba}.dark{--text-primary:#fbfbfe;--text-secondary:#cfcfd8;--text-inactive:rgba(207,207,216,0.6509803921568628);--text-link:#74a9f6;--text-invert:#15141a;--background-primary:#15141a;--background-secondary:#23222b;--background-tertiary:#2b2a33;--background-mark-yellow:rgba(232,140,102,0.4);--border-primary:#52525e;--border-secondary:#3a3944;--button-primary-default:#fbfbfe;--button-primary-hover:#cfcfd8;--button-primary-active:#9f9fad;--button-primary-inactive:#fbfbfe;--button-secondary-default:#2b2a33;--button-secondary-hover:#52525e;--button-secondary-active:#5b5b66;--button-secondary-inactive:#2b2a33;--icon-primary:#fbfbfe;--icon-information:#468df3;--icon-warning:#e06633;--icon-critical:#ed3966;--icon-success:#39a038;--accent-primary:#468df3;--accent-primary-engage:rgba(70,141,243,0.1);--accent-secondary:#468df3;--shadow-01:0px 1px 2px rgba(251,251,254,0.2);--shadow-02:0px 1px 6px rgba(251,251,254,0.2);--focus-01:0px 0px 0px 3px rgba(251,251,254,0.5);--field-focus-border:#fbfbfe;--code-token-tag:#a3c6f9;--code-token-punctuation:#9f9fad;--code-token-attribute-name:#f16b8c;--code-token-attribute-value:#6bb86a;--code-token-comment:#9f9fad;--code-token-default:#fbfbfe;--code-token-selector:#c68cfb;--code-background-inline:#2b2a33;--code-background-block:#2b2a33;--scrollbar-color:hsla(0,0%,100%,0.25);--category-color:#74a9f6;--category-color-background:rgba(116,169,246,0.4392156862745098);--code-color:#a3c6f9;--mark-color:#0e4390;--plus-accent-color:#f16b8c;--html-accent-color:#ed3966;--css-accent-color:#74a9f6;--js-accent-color:#e06633;--http-accent-color:#39a038;--apis-accent-color:#b366f9;--learn-accent-color:#d36699;--plus-code-color:#f69cb3;--html-code-color:#f16b8c;--css-code-color:#a3c6f9;--js-code-color:#e88c66;--http-code-color:#6bb86a;--apis-code-color:#c68cfb;--learn-code-color:#de8cb3;--plus-mark-color:#8b0526;--html-mark-color:#8b0526;--css-mark-color:#0e4390;--js-mark-color:#822600;--http-mark-color:#055204;--apis-mark-color:#602695;--learn-mark-color:#78264d;--plus-accent-engage:rgba(237,57,102,0.7);--html-accent-engage:rgba(237,57,102,0.7);--css-accent-engage:rgba(116,169,246,0.7);--js-accent-engage:rgba(224,102,51,0.7);--http-accent-engage:rgba(57,160,56,0.7);--apis-accent-engage:rgba(179,102,249,0.7);--learn-accent-engage:rgba(211,102,153,0.7);--modal-backdrop-color:rgba(21,20,26,0.7);--blend-color:rgba(0,0,0,0.5019607843137255);--text-primary-red:#f16b8c;--text-primary-green:#6bb86a;--text-primary-blue:#74a9f6;--text-primary-yellow:#e88c66}@media(prefers-color-scheme:light){:root{--text-primary:#15141a;--text-secondary:#5b5b66;--text-inactive:rgba(91,91,102,0.6509803921568628);--text-link:#1870f0;--text-invert:#fbfbfe;--background-primary:#fff;--background-secondary:#f9f9fb;--background-tertiary:#fbfbfe;--background-mark-yellow:rgba(232,140,102,0.4);--background-mark-green:rgba(107,184,106,0.4);--background-information:rgba(24,112,240,0.1);--background-warning:rgba(216,64,0,0.1);--background-critical:rgba(186,6,51,0.1);--background-success:rgba(6,109,5,0.1);--border-primary:#cfcfd8;--border-secondary:#e0e0e6;--button-primary-default:#15141a;--button-primary-hover:#3a3944;--button-primary-active:#5b5b66;--button-primary-inactive:#15141a;--button-secondary-default:#fbfbfe;--button-secondary-hover:#e0e0e6;--button-secondary-active:#e0e0e6;--button-secondary-inactive:#f9f9fb;--button-secondary-border-focus:#1870f0;--button-secondary-border-red:#f16b8c;--button-secondary-border-red-focus:#faced9;--icon-primary:#5b5b66;--icon-secondary:#afafba;--icon-information:#1870f0;--icon-warning:#d84000;--icon-critical:#ba0633;--icon-success:#066d05;--accent-primary:#1870f0;--accent-primary-engage:rgba(24,112,240,0.1);--accent-secondary:#1870f0;--accent-tertiary:rgba(24,112,240,0.1);--shadow-01:0px 1px 2px rgba(43,42,51,0.05);--shadow-02:0px 1px 6px rgba(43,42,51,0.1);--focus-01:0px 0px 0px 3px rgba(0,144,237,0.4);--field-focus-border:#1870f0;--code-token-tag:#135ac0;--code-token-punctuation:#5b5b66;--code-token-attribute-name:#ba0633;--code-token-attribute-value:#066d05;--code-token-comment:#5b5b66;--code-token-default:#15141a;--code-token-selector:#8033c6;--code-background-inline:#f0f0f4;--code-background-block:#f0f0f4;--scrollbar-bg:transparent;--scrollbar-color:rgba(0,0,0,0.25);--category-color:#1870f0;--category-color-background:rgba(24,112,240,0.06274509803921569);--code-color:#468df3;--mark-color:#d1e2fc;--plus-accent-color:#e80840;--html-accent-color:#e80840;--css-accent-color:#1870f0;--js-accent-color:#d84000;--http-accent-color:#088806;--apis-accent-color:#a040f8;--learn-accent-color:#c84080;--plus-code-color:#ba0633;--html-code-color:#ba0633;--css-code-color:#135ac0;--js-code-color:#ad3300;--http-code-color:#066d05;--apis-code-color:#8033c6;--learn-code-color:#a03366;--plus-mark-color:#faced9;--html-mark-color:#faced9;--css-mark-color:#d1e2fc;--js-mark-color:#f7d9cc;--http-mark-color:#cee7cd;--apis-mark-color:#ecd9fe;--learn-mark-color:#f4d9e6;--plus-accent-background-color:rgba(232,8,64,0.06274509803921569);--html-accent-background-color:rgba(232,8,64,0.06274509803921569);--css-accent-background-color:rgba(24,112,240,0.06274509803921569);--js-accent-background-color:rgba(216,64,0,0.06274509803921569);--http-accent-background-color:rgba(8,136,6,0.06274509803921569);--apis-accent-background-color:rgba(160,64,248,0.06274509803921569);--learn-accent-background-color:rgba(200,64,128,0.06274509803921569);--plus-accent-engage:rgba(232,8,64,0.7);--html-accent-engage:rgba(232,8,64,0.7);--css-accent-engage:rgba(24,112,240,0.7);--js-accent-engage:rgba(216,64,0,0.7);--http-accent-engage:rgba(8,136,6,0.7);--apis-accent-engage:rgba(160,64,248,0.7);--learn-accent-engage:rgba(200,64,128,0.7);--homepage-hero-bg:radial-gradient(114.42% 123.24% at 6.69% 13.67%,rgba(51,178,252,0.2) 22.84%,rgba(152,82,250,0.2) 47.63%,rgba(255,230,0,0.2) 82.74%);--homepage-secondary-bg:linear-gradient(90deg,#8524ff -43.99%,#4d7fff 159.52%);--modal-backdrop-color:rgba(21,20,26,0.1);--blend-color:hsla(0,0%,100%,0.5019607843137255);--text-primary-red:#ba0633;--text-primary-green:#066d05;--text-primary-blue:#135ac0;--text-primary-yellow:#ad3300}}@media(prefers-color-scheme:dark){:root{--text-primary:#fbfbfe;--text-secondary:#cfcfd8;--text-inactive:rgba(207,207,216,0.6509803921568628);--text-link:#74a9f6;--text-invert:#15141a;--background-primary:#15141a;--background-secondary:#23222b;--background-tertiary:#2b2a33;--background-mark-yellow:rgba(232,140,102,0.4);--border-primary:#52525e;--border-secondary:#3a3944;--button-primary-default:#fbfbfe;--button-primary-hover:#cfcfd8;--button-primary-active:#9f9fad;--button-primary-inactive:#fbfbfe;--button-secondary-default:#2b2a33;--button-secondary-hover:#52525e;--button-secondary-active:#5b5b66;--button-secondary-inactive:#2b2a33;--icon-primary:#fbfbfe;--icon-secondary:#afafba;--icon-information:#468df3;--icon-warning:#e06633;--icon-critical:#ed3966;--icon-success:#39a038;--accent-primary:#468df3;--accent-primary-engage:rgba(70,141,243,0.1);--accent-secondary:#468df3;--shadow-01:0px 1px 2px rgba(251,251,254,0.2);--shadow-02:0px 1px 6px rgba(251,251,254,0.2);--focus-01:0px 0px 0px 3px rgba(251,251,254,0.5);--field-focus-border:#fbfbfe;--code-token-tag:#a3c6f9;--code-token-punctuation:#9f9fad;--code-token-attribute-name:#f16b8c;--code-token-attribute-value:#6bb86a;--code-token-comment:#9f9fad;--code-token-default:#fbfbfe;--code-token-selector:#c68cfb;--code-background-inline:#2b2a33;--code-background-block:#2b2a33;--scrollbar-color:hsla(0,0%,100%,0.25);--category-color:#74a9f6;--category-color-background:rgba(116,169,246,0.4392156862745098);--code-color:#a3c6f9;--mark-color:#0e4390;--plus-accent-color:#f16b8c;--html-accent-color:#ed3966;--css-accent-color:#74a9f6;--js-accent-color:#e06633;--http-accent-color:#39a038;--apis-accent-color:#b366f9;--learn-accent-color:#d36699;--plus-code-color:#f69cb3;--html-code-color:#f16b8c;--css-code-color:#a3c6f9;--js-code-color:#e88c66;--http-code-color:#6bb86a;--apis-code-color:#c68cfb;--learn-code-color:#de8cb3;--plus-mark-color:#8b0526;--html-mark-color:#8b0526;--css-mark-color:#0e4390;--js-mark-color:#822600;--http-mark-color:#055204;--apis-mark-color:#602695;--learn-mark-color:#78264d;--plus-accent-engage:rgba(237,57,102,0.7);--html-accent-engage:rgba(237,57,102,0.7);--css-accent-engage:rgba(116,169,246,0.7);--js-accent-engage:rgba(224,102,51,0.7);--http-accent-engage:rgba(57,160,56,0.7);--apis-accent-engage:rgba(179,102,249,0.7);--learn-accent-engage:rgba(211,102,153,0.7);--modal-backdrop-color:rgba(21,20,26,0.7);--blend-color:rgba(0,0,0,0.5019607843137255);--text-primary-red:#f16b8c;--text-primary-green:#6bb86a;--text-primary-blue:#74a9f6;--text-primary-yellow:#e88c66}}.document-page .article-actions-container,.document-page .document-toc-container,.document-page .generic-loading,.document-page .localized-content-note,.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%}.article-wrapper{display:flex;max-width:var(--max-width);margin:0 auto}.article-wrapper .toc{display:none}@media screen and (min-width:769px){.article-wrapper{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-gap:3rem;gap:3rem;padding-left:1.5rem;padding-right:3rem;grid-template-areas:"sidebar main"}.article-wrapper .main-content,.article-wrapper .sidebar,.article-wrapper .toc{padding-top:3rem;padding-bottom:3rem}.article-wrapper .sidebar{grid-area:sidebar;align-self:start}.article-wrapper .main-content{grid-area:main}}@media screen and (min-width:1200px){.article-wrapper{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) minmax(0,15rem);grid-gap:3rem;gap:3rem;grid-template-areas:"sidebar main toc";padding-left:1rem;padding-right:1rem}.article-wrapper .toc{display:block;grid-area:toc}.article-wrapper .toc .document-toc-container{position:-webkit-sticky;position:sticky;top:3rem}.article-wrapper .in-nav-toc{display:none}}.page-wrapper{grid-template-columns:100%}.standard-page{max-width:inherit}.standard-page .page-content-container{display:grid;grid-template-columns:100%}.standard-page.plus{background-color:var(--background-secondary)}@media screen and (min-width:769px){.standard-page .page-content-container{margin:0 auto;max-width:var(--max-width);width:100%}.standard-page .page-content-container.fullwidth{max-width:none}}@font-face{font-family:"Inter";src:url(/static/media/Inter.var.c2fe3cb2.woff2) format("woff2 supports variations"),url(/static/media/Inter.var.c2fe3cb2.woff2) format("woff2-variations");font-weight:1 999;font-stretch:75% 100%;font-style:oblique 0deg 20deg;font-display:swap}.main-page-content{padding:3rem 1rem 1rem;overflow-wrap:break-word}.main-page-content a:link,.main-page-content a:visited{text-decoration:underline}.main-page-content a:focus,.main-page-content a:hover{text-decoration:none}.main-page-content h1 a:link,.main-page-content h1 a:visited,.main-page-content h2 a:link,.main-page-content h2 a:visited,.main-page-content h3 a:link,.main-page-content h3 a:visited,.main-page-content h4 a:link,.main-page-content h4 a:visited,.main-page-content h5 a:link,.main-page-content h5 a:visited,.main-page-content h6 a:link,.main-page-content h6 a:visited{color:var(--text-primary);text-decoration:none}.main-page-content h1 a:focus,.main-page-content h1 a:hover,.main-page-content h2 a:focus,.main-page-content h2 a:hover,.main-page-content h3 a:focus,.main-page-content h3 a:hover,.main-page-content h4 a:focus,.main-page-content h4 a:hover,.main-page-content h5 a:focus,.main-page-content h5 a:hover,.main-page-content h6 a:focus,.main-page-content h6 a:hover{text-decoration:underline}.main-page-content h1 a:active,.main-page-content h2 a:active,.main-page-content h3 a:active,.main-page-content h4 a:active,.main-page-content h5 a:active,.main-page-content h6 a:active{background-color:transparent}.main-page-content h1 a[href^="#"]:hover:after,.main-page-content h2 a[href^="#"]:hover:after,.main-page-content h3 a[href^="#"]:hover:after,.main-page-content h4 a[href^="#"]:hover:after,.main-page-content h5 a[href^="#"]:hover:after,.main-page-content h6 a[href^="#"]:hover:after{display:inline-flex;margin-left:4px;line-height:1;font-size:.7em;text-decoration:none;color:var(--text-inactive);content:"#"}.main-page-content a:not(.button){color:var(--text-link);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.main-page-content a:not(.button):active{background-color:var(--text-link);color:#fff}.main-page-content a:not(.button):active code{background-color:transparent}.main-page-content a:not(.button)[id^=attr-]:link,.main-page-content a:not(.button)[id^=attr-]:visited{color:var(--text-link);text-decoration:none}.main-page-content a:not(.button)[id^=attr-]:focus,.main-page-content a:not(.button)[id^=attr-]:hover{text-decoration:underline}.main-page-content a:not(.button)[id^=attr-]:active{color:#fff}.main-page-content a:not(.button)[aria-current]{color:var(--text-link);font-weight:var(--font-body-strong-weight);text-decoration:none}.main-page-content img{display:inline-block;height:auto;margin:2rem auto;display:flex;border:1px solid var(--border-primary)!important;border-radius:var(--elem-radius);background:#fff}.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;font:var(--type-body-l)}.main-page-content ul{list-style:disc}.main-page-content ul ul{margin:0;list-style-type:circle;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{padding-left:3rem;margin-bottom:1rem}.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-top:2rem;margin-bottom:.5rem;font-weight:var(--font-body-strong-weight)}.main-page-content dl dd{margin-bottom:1rem;margin-left:1rem}.main-page-content dl dd .notecard p{padding-left:0}.main-page-content dl p{margin:0 0 1rem}.main-page-content>div:not([class])>p{font:var(--type-article-p)}.main-page-content>div:not([class])>p:last-child{margin-bottom:2rem}.main-page-content>div:not([class])>figure{margin-bottom:1rem}.main-page-content>div:not([class])>.prev-next{list-style:none;margin:1rem 0;padding:0;display:flex;justify-content:space-between;grid-gap:.5rem;gap:.5rem;text-align:center}.main-page-content>div:not([class])>.prev-next li{display:flex;margin:0}.main-page-content>div:not([class])>.prev-next .button{margin:0;max-width:inherit}@media screen and (min-width:426px){.main-page-content{padding:3rem}}@media screen and (min-width:769px){.main-page-content{margin-bottom:.5rem;padding:0}}.main-page-content .index ul{margin:.5rem 0 2rem}.main-page-content .index ul li{margin:.5rem 0}b,code,strong{font-weight:var(--font-body-strong-weight)}table{font:var(--type-body-l);border:1px solid var(--border-primary);border-collapse:collapse;margin:1rem 0;width:100%;font-size:.875rem}table th{text-align:left;background:var(--background-tertiary);font-weight:var(--font-body-strong-weight);line-height:1.5}table td,table th{padding:.5rem .75rem;border:1px solid var(--border-primary);vertical-align:middle}table td .code-example pre,table td ul{margin:0}table caption{font:var(--type-emphasis-l);margin:1rem 0 .5rem}table.properties,table.properties td,table.properties th{border:none}table.properties th{background:none;padding:0}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)}iframe{max-width:100%;width:100%;border:1px solid var(--border-primary)}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);padding:1rem;width:100%}h1{font:var(--type-heading-h1);letter-spacing:-.5px;margin-bottom:3rem;word-break:break-word}h2{font:var(--type-heading-h2);letter-spacing:.5px;margin:4rem 0 1rem}h3{font:var(--type-heading-h3)}h3,h4{letter-spacing:.5px;margin:2rem 0 1rem}h4{font:var(--type-heading-h4)}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}blockquote,p{font:var(--type-body-l)}blockquote{border-left:4px solid var(--border-secondary);padding:1rem 2rem;margin-bottom:2rem;color:var(--text-secondary)}blockquote p{margin:0}code,pre{border-radius:var(--elem-radius);font:var(--type-code-regular)}code{color:var(--text-secondary);background:var(--code-background-inline);padding:.125rem .25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}a>code{color:var(--code-color)}a code{font:var(--type-code-inline)}pre{padding:1rem 2.5rem 1rem 1rem;margin:1rem 0 2rem;background-color:var(--code-background-block);border:1px solid transparent}pre code{color:var(--text-primary);background:none;padding:0}.example-bad,.example-good{padding:0 1rem;position:relative}.example-bad:after,.example-good:after{background-size:24px;content:"";display:block;height:16px;width:16px;position:absolute;right:16px;top:18px}.example-bad+.copy-icon,.example-good+.copy-icon{display:none}.example-bad:after{background-color:var(--icon-critical);-webkit-mask-image:url(/static/media/no.d2e0aa3e.svg);mask-image:url(/static/media/no.d2e0aa3e.svg)}.example-good:after{background-color:var(--icon-success);-webkit-mask-image:url(/static/media/checkmark.d05ce91f.svg);mask-image:url(/static/media/checkmark.d05ce91f.svg)}.index{-webkit-columns:3;column-count:3;margin-bottom:1rem}@media screen and (min-width:769px){.index{margin-bottom:.5rem}}.index .icon-experimental,.index .icon-nonstandard{color:var(--icon-information)}.index .icon-deprecated{color:var(--icon-critical)}.callout{background:var(--background-secondary);padding:1rem;border-radius:var(--elem-radius);border:1px solid var(--border-primary);box-shadow:var(--shadow-01);display:flex;text-align:left;grid-gap:1rem;gap:1rem;flex-direction:column;margin:2rem 0}.callout h4{margin:0}.callout p{margin:0;font:var(--type-body-m)}.code-example{color:var(--code-default);font:var(--type-code-regular);position:relative}.code-example .copy-icon{border-radius:var(--elem-radius);cursor:pointer;height:1.25rem;-webkit-mask-image:url(/static/media/clippy.92fffda9.svg);mask-image:url(/static/media/clippy.92fffda9.svg);-webkit-mask-size:cover;mask-size:cover;margin:0;padding:.25rem;position:absolute;right:.5rem;top:.75rem;width:1.25rem;opacity:.4}.code-example .copy-icon:focus,.code-example .copy-icon:hover{opacity:1}.code-example .copy-icon-message{background:var(--text-primary);border-radius:var(--elem-radius);color:var(--text-invert);font-size:.8125rem;opacity:1;padding:.125rem;position:absolute;right:.25rem;top:15px}.code-example .example-bad,.code-example .example-good{padding:1rem}.only-in-en-us span{font-size:.8125rem}a.page-not-created{color:var(--icon-critical);cursor:not-allowed}.badge{border:1px solid var(--border-primary);font:var(--type-body-s);padding:.125rem .375rem;border-radius:4rem;white-space:nowrap}.badge,kbd{color:var(--text-secondary)}kbd{border:2px solid var(--border-secondary);padding:.25rem;border-radius:var(--elem-radius);box-shadow:var(--border-secondary);font-size:.825rem;box-shadow:inset 0 -1px 0 0 var(--border-secondary)}.interactive{background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--elem-radius);color:var(--text-primary);padding:0;width:100%;height:675px}.interactive.is-js-height,.interactive.is-shorter-height,.interactive.is-taller-height{border:0}.interactive.is-js-height{height:513px}.interactive.is-shorter-height{height:433px}.interactive.is-taller-height{height:725px}.interactive.is-tabbed-shorter-height{height:487px}.interactive.is-tabbed-standard-height{height:548px}.interactive.is-tabbed-taller-height{height:774px}@media screen and (min-width:688px)and (max-width:768px),screen and (min-width:1008px){.interactive{height:375px}.interactive.is-js-height{height:444px}.interactive.is-shorter-height{height:364px}.interactive.is-taller-height{height:654px}.interactive.is-tabbed-shorter-height{height:351px}.interactive.is-tabbed-standard-height{height:421px}.interactive.is-tabbed-taller-height{height:631px}}.a11y-nav{position:absolute;top:-20em;width:100%;z-index:1000}.a11y-nav a{background-color:hsla(0,0%,100%,.9);font-weight:var(--font-body-strong-weight);left:0;padding:.5rem;position:absolute;right:0;text-align:center}.a11y-nav a:focus,.a11y-nav a:hover{box-shadow:var(--shadow-01);text-decoration:none;top:20em}.page-footer{background-color:var(--background-secondary);padding:2rem 1rem;position:relative}.page-footer-grid{margin:0 auto;max-width:1440px}.page-footer,.page-footer a{color:var(--text-secondary)}.page-footer-logo-col p{font:var(--type-body-s);max-width:55ch}.page-footer-app-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.page-footer-app-dl{display:block;max-width:130px}.page-footer-app-dl img,.page-footer-app-dl svg{width:100%}.page-footer-app-dl.is-ms{max-width:110px}.page-footer-moz{display:flex;flex-flow:row wrap;align-items:center;grid-gap:2rem;gap:2rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.page-footer-legal-text{font:var(--type-body-s);margin:0}.page-footer-legal-text a{text-decoration:underline}.page-footer-legal-text a:hover{text-decoration:none}.footer-moz-list{display:flex;flex-wrap:wrap;grid-gap:1rem;gap:1rem;font:var(--type-body-s)}.footer-moz-logo-link{display:flex}.footer-moz-link{text-decoration:underline}.footer-moz-link:hover{text-decoration:none}.mdn-footer-logo{display:block;width:50px;margin-bottom:.5rem}.social-icons{display:flex;margin-top:.5rem;grid-gap:.5rem;gap:.5rem}.social-icons li{flex:0 0 auto}.social-icons .icon{display:block}.footer-nav-heading{font:var(--type-title-s);margin:0 0 .5rem}.footer-nav-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.footer-nav-item{font:var(--type-body-m)}.page-footer-grid{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}@media screen and (min-width:426px){.page-footer-grid{display:grid;grid-gap:2.5rem;gap:2.5rem;grid-template-columns:1fr 1fr;grid-template-areas:"logo  . " "nav1  nav2" "nav3  nav4" "moz   moz" "legal legal"}.page-footer-logo-col{grid-area:logo}.page-footer-nav-col-1{grid-area:nav1}.page-footer-nav-col-2{grid-area:nav2}.page-footer-nav-col-3{grid-area:nav3}.page-footer-nav-col-4{grid-area:nav4}.page-footer-app-col{grid-area:app}.page-footer-moz{grid-area:moz}.page-footer-legal{grid-area:legal}.page-footer-app-list{flex-direction:row}.page-footer-app-dl img,.page-footer-app-dl svg{height:38px}}@media screen and (min-width:769px){.page-footer-grid{grid-template-columns:minmax(260px,2fr) repeat(4,minmax(0,1fr));grid-template-areas:"logo  nav1  nav2  nav3  nav4" "moz   moz   moz   moz   moz" "legal legal legal legal  . ";grid-gap:1rem;gap:1rem}.page-footer-app-list{flex-direction:column}.page-footer-app-dl img,.page-footer-app-dl svg{height:auto}}@media screen and (min-width:1441px){.page-footer-grid{grid-gap:2.5rem;gap:2.5rem}}.container{margin-left:auto;margin-right:auto;width:100%;max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter)}.logo{display:flex;align-items:center}.logo svg{margin-top:.3rem;height:1.5rem}.dark .logo-text,.high-contrast-black .logo-text{fill:#fff}.desktop-login{background-color:var(--background-primary)}.auth-container .signin-link{align-items:center;display:inline-flex;font-weight:var(--font-body-strong-weight);height:2rem;text-align:center}.auth-container .signin-link:link,.auth-container .signin-link:visited{color:var(--text-secondary)}.mdn-plus-subscribe-link{--button-padding:1rem;margin:0 auto;max-width:150px;text-align:center;white-space:nowrap}.auth-container{display:flex;font:var(--type-emphasis-m);flex-flow:column-reverse;grid-gap:.5rem;gap:.5rem;list-style:none;margin-bottom:.5rem;padding:0;text-align:center}@media screen and (min-width:769px){.auth-container{align-items:center;flex-flow:row;grid-gap:1rem;gap:1rem;justify-content:flex-end;margin:0;text-align:left;text-align:initial;width:-webkit-min-content;width:min-content}}@media screen and (min-width:820px){.auth-container{width:unset}}.guides .submenu .submenu-item-heading{font-weight:400;font:var(--type-body-m)}.html-link-container a:focus .submenu-icon.html,.html-link-container a:hover .submenu-icon.html{background:var(--html-accent-color)!important}.css-link-container a:focus .submenu-icon.css,.css-link-container a:hover .submenu-icon.css{background-color:var(--css-accent-color)!important}.javascript-link-container a:focus .submenu-icon.javascript,.javascript-link-container a:hover .submenu-icon.javascript{background-color:var(--js-accent-color)!important}.http-link-container a:focus .submenu-icon.http,.http-link-container a:hover .submenu-icon.http{background-color:var(--http-accent-color)!important}.apis-link-container a:focus .submenu-icon.apis,.apis-link-container a:hover .submenu-icon.apis{background-color:var(--apis-accent-color)!important}.learn-link-container a:focus .submenu-icon.learn,.learn-link-container a:hover .submenu-icon.learn{background-color:var(--learn-accent-color)!important}.submenu-icon.html{background-color:var(--html-accent-engage)}.submenu-icon.css{background-color:var(--css-accent-engage)}.submenu-icon.javascript{background-color:var(--js-accent-engage)}.submenu-icon.http{background-color:var(--http-accent-engage)}.submenu-icon.apis{background-color:var(--apis-accent-engage)}.submenu-icon.learn{background-color:var(--learn-accent-engage)}.mdn-plus .submenu-icon{background-color:var(--plus-accent-color)}ul.main-menu{box-sizing:border-box;grid-gap:1rem;list-style:none;margin-top:1rem;padding:0;width:100%}ul.main-menu.show{display:block}@media screen and (min-width:769px){ul.main-menu.show{display:flex}}@media screen and (min-width:769px){ul.main-menu{align-items:center;display:flex;justify-content:space-around;margin:0 auto 0 0;max-width:310px}ul.main-menu li:last-child{flex-basis:inherit}}@media screen and (min-width:769px){ul.main-menu .menu-toggle,ul.main-menu .submenu,ul.main-menu .submenu.show{display:none}ul.main-menu .top-level-entry-container:focus-within .submenu,ul.main-menu .top-level-entry-container:hover .submenu{display:block}.open-on-focus-within:focus-within .watch-submenu{display:flex}.open-on-focus-within:focus-within .submenu{display:block}.open-on-focus-within .submenu,.open-on-focus-within .watch-submenu{display:none}}.avatar,.avatar-wrap{border-radius:50%}.avatar-wrap{margin-left:-7px;margin-right:.1rem;width:32px;height:32px;position:relative}@media screen and (min-width:769px){.avatar{margin:initial}}.signout-form{padding:.5rem}@media screen and (min-width:769px){.signout-form{border-top:1px solid var(--border-primary)}}button.signout-button{width:100%}button.signout-button:focus,button.signout-button:hover{background-color:var(--background-secondary)}.user-menu{position:relative}.user-menu .submenu-header{display:none}.user-menu .button.user-menu-toggle .notification-dot~.avatar-wrap:after{content:"";position:absolute;bottom:0;right:0;border:1px solid var(--background-primary);border-radius:2rem;background:var(--text-primary-blue);width:.5rem;height:.5rem}@media screen and (max-width:769px){.user-menu .user-menu-toggle:hover{--button-bg:transparent}}@media screen and (min-width:769px){.user-menu .button.user-menu-toggle:focus,.user-menu .button.user-menu-toggle:focus .button-wrap,.user-menu .button.user-menu-toggle:hover,.user-menu .button.user-menu-toggle:hover .button-wrap{border-color:transparent;background:transparent;box-shadow:none}.user-menu .button.user-menu-toggle:focus .avatar{border:1px solid var(--button-secondary-border-focus);box-shadow:var(--focus-effect)}.user-menu .button.user-menu-toggle:after{display:none}.user-menu .submenu-header{display:block;padding:0 0 .5rem;margin-bottom:.5rem}.user-menu .submenu-item{padding:.5rem}.user-menu .signout-container{margin-top:.5rem}.user-menu .user-menu-id{display:none}.user-menu .submenu{left:auto;max-width:-webkit-max-content;max-width:max-content;right:0}}.top-navigation-main{display:none;justify-content:space-between;padding:0;width:100%}.show-nav .top-navigation-main{display:flex;flex-direction:column}.top-navigation-main .auth-container{order:0}.top-navigation-main .header-search{order:1}.top-navigation-main .main-nav{order:2}.top-navigation-main .notifications-menu{order:3}.top-navigation-main .user-menu{order:4}.top-navigation-main .top-level-entry-container{position:relative}.top-navigation-main .top-level-entry-container .submenu{z-index:var(--z-index-nav-menu)}.top-navigation-main .toggle-search-button{display:none}.top-navigation-main .theme-toggle{align-self:end;margin-bottom:1.5rem}@media screen and (min-width:769px){.top-navigation-main .theme-toggle{align-self:auto;margin-bottom:0}}.top-navigation-main .button.action:hover{--button-bg:var(--border-secondary)}.is-transparent .top-navigation-main .button.action:not(:focus):hover{--button-border-color:transparent}.is-transparent .top-navigation-main .button.action:hover{--button-bg:var(--accent-primary-engage)}.top-navigation-main .button.action.search-button:hover{--button-bg:transparent}.top-navigation-main .top-level-entry{display:block;background:none;border-top:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;padding:1rem .5rem;text-align:left;width:-webkit-max-content;width:max-content}.top-navigation-main .top-level-entry:link,.top-navigation-main .top-level-entry:visited{color:var(--text-secondary)}.top-navigation-main .top-level-entry.menu-toggle{padding:.5rem;min-height:53px}@media screen and (max-width:769px){.top-navigation-main .top-level-entry.button{--button-font:var(--type-body-l);--button-color:var(--text-secondary);--button-padding:0;--button-radius:0}.top-navigation-main .top-level-entry.button .button-wrap{background:none;border:none;grid-gap:.5rem;gap:.5rem;justify-content:flex-start;padding:0;text-transform:none}.top-navigation-main .top-level-entry.button:focus{--button-focus-effect:none}}@media screen and (min-width:769px){.top-navigation-main .top-level-entry{border-top:none;border-radius:var(--elem-radius);padding:.5rem}.top-navigation-main .top-level-entry:focus,.top-navigation-main .top-level-entry:hover{background-color:var(--category-color-background);color:var(--category-color);text-decoration:none}.top-navigation-main .top-level-entry.button{padding:0}}.top-navigation-main .menu-toggle{position:relative;display:flex;align-items:center}.top-navigation-main .menu-toggle:after{content:"";width:var(--icon-size);height:var(--icon-size);background-color:var(--icon-primary);margin-top:.2em;margin-left:.2em;-webkit-mask-image:url(/static/media/chevron.05a124d3.svg);mask-image:url(/static/media/chevron.05a124d3.svg)}.top-navigation-main .menu-toggle[aria-expanded=true]:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.top-navigation-main .menu-toggle+.top-level-entry{display:none}.top-navigation-main .header-search{max-width:100%}@media screen and (min-width:769px){.top-navigation-main{align-items:center;display:flex;flex:1 1;flex-direction:row;grid-gap:.5rem;gap:.5rem;left:inherit;padding:0;position:static;top:inherit;z-index:inherit}.show-nav .top-navigation-main{flex-direction:row}.top-navigation-main .main-nav{order:0}.top-navigation-main .header-search{order:1}.top-navigation-main .notifications-menu{order:2}.top-navigation-main .auth-container{order:3}.top-navigation-main .user-menu{order:4}.top-navigation-main .main-nav{margin-right:auto;width:-webkit-max-content;width:max-content}.top-navigation-main .menu-toggle+.top-level-entry{display:inline-flex}.top-navigation-main .toggle-search-button{display:inline-block}.top-navigation-main .search-form{display:none}}.top-navigation-main.has-search-open .header-search{width:240px}.top-navigation-main.has-search-open .header-search~*{display:none}.top-navigation-main.has-search-open .search-form{display:flex}.category-home .header-search .search-input-field:focus{box-shadow:var(--focus-01);border-color:var(--field-focus-border)}.switch{position:relative;display:inline-flex;align-items:center}.switch input{opacity:0;width:2rem;height:0;margin:0}.switch input:checked+.slider{background-color:var(--text-link)}.switch input:checked+.slider:before{left:56.25%;right:6.25%}.switch input:focus-visible+.slider{outline-style:auto;outline-color:var(--accent-primary);outline-offset:1px}.switch .slider{position:absolute;cursor:pointer;background-color:var(--text-secondary);transition:.4s;border-radius:1em;width:2rem;height:1rem}.switch .slider:before{position:absolute;content:"";left:6.25%;right:56.25%;top:12.5%;bottom:12.5%;background-color:var(--background-primary);transition:.4s;border-radius:50%}.switch .label{margin-left:.5rem}.theme-toggle{display:flex;align-items:center;grid-gap:.4rem;gap:.4rem}.top-navigation{position:relative;width:100%;background-color:var(--background-primary);z-index:100;border-bottom:1px solid var(--border-primary)}.top-navigation .container{align-items:center;display:flex;flex-flow:row wrap;grid-gap:var(--gutter);gap:var(--gutter)}.top-navigation.is-transparent{background-color:transparent}.top-navigation .top-navigation-wrap{flex:1 1;display:flex;align-items:center;justify-content:space-between;height:var(--top-nav-height)}.top-navigation.show-nav{box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:var(--z-index-top)}.top-navigation.show-nav .container{height:auto}@media screen and (min-width:769px){.main-menu-toggle{display:none}.top-navigation .top-navigation-wrap{flex:0 1}}.site-search{min-height:500px;padding-top:2rem}@media screen and (min-width:769px){.site-search{padding-top:3rem}}.query-string{font-style:italic}.page-not-found p{margin-top:50px}.page-not-found .fallback-document p{margin-top:.5rem}.page-not-found .fallback-document .fallback-link{font-size:1rem}.tabs{border-bottom:1px solid var(--border-primary)}.tabs ul{display:flex;grid-gap:1rem;gap:1rem}.tabs .tab-item{padding:.5rem 0;border-bottom:2px solid transparent}.tabs a.tab-item{display:block;font:var(--type-body-m);color:var(--text-primary)}.tabs .tab-item[aria-current=true]{border-bottom-color:var(--text-link)}.plus-header{padding-top:2rem}.plus-header h1{margin-bottom:1rem;font:var(--type-title-l)}.notification-list{display:flex;flex-direction:column}.notification-card{align-items:center;border:1px solid var(--border-secondary);background-color:var(--background-primary);display:grid;grid-template-columns:auto auto 1fr 2rem;padding:.5rem;-webkit-animation:fade-in .2s;animation:fade-in .2s}@media screen and (min-width:769px){.notification-card{grid-template-columns:auto auto 1fr 10ch auto}}.notification-card.no-star{grid-template-columns:1fr auto}.notification-card .icon{background-color:var(--icon-secondary)}.notification-card+.notification-card{border-top:none}.notification-card-description{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.notification-card-title{font:var(--type-emphasis-m);margin:0;color:var(--text-primary);word-wrap:anywhere}.notification-card-text{font:var(--type-body-m);margin:0;color:var(--text-primary)}.notification-card-created{color:var(--text-secondary);font:var(--type-body-s);text-align:right;display:none}@media screen and (min-width:769px){.notification-card-created{display:inherit}}.notification-card:first-child{margin-top:1rem;border-top-left-radius:var(--elem-radius);border-top-right-radius:var(--elem-radius)}.notification-card:last-child{border-bottom-left-radius:var(--elem-radius);border-bottom-right-radius:var(--elem-radius)}.notification-card.unread{background-color:var(--accent-tertiary)}@media screen and (min-width:769px){.notification-card-description{flex-direction:row}}.select-all-toolbar{padding:.5rem;display:flex;background-color:var(--background-primary);align-items:center;border:1px solid var(--border-primary);border-radius:var(--elem-radius);grid-gap:1rem;gap:1rem}.search-widget{position:relative;width:100%}.search-widget .search-filter-button{right:.5rem}@media screen and (min-width:769px){.search-widget{align-items:center;display:flex;grid-gap:.5rem;gap:.5rem;margin:0}}.search-input-field{-webkit-appearance:none;background-color:var(--background-primary);border:1px solid var(--border-primary);border-radius:var(--elem-radius);color:var(--text-primary);height:var(--form-elem-height);min-width:60px;padding-left:2rem;width:100%}.search-input-field:focus{outline:var(--border-primary)}.search-input-field::-webkit-input-placeholder{color:var(--text-inactive);font:var(--type-body-l)}.search-input-field:-ms-input-placeholder{color:var(--text-inactive);font:var(--type-body-l)}.search-input-field::placeholder{color:var(--text-inactive);font:var(--type-body-l)}.search-filter{display:flex;grid-gap:.5rem;gap:.5rem;padding:1rem 0;flex-wrap:wrap}.search-filter.inline-on-mobile{flex-wrap:nowrap}.search-filter.inline-on-mobile .search-filter-category{width:auto}.search-filter [type=search]{flex:1 1}.search-filter-category{position:relative;width:calc(50% - .25rem)}.search-filter-category .dropdown-list,.search-filter-category>.button{width:100%}@media screen and (min-width:769px){.search-filter{flex-wrap:nowrap}.search-filter .submenu{max-width:-webkit-max-content;max-width:max-content;right:0}.search-filter-category,.search-filter-category .dropdown-list{width:auto}.search-filter-category .dropdown-list.filters-menu{width:180px;right:0;left:auto}}.modal-overlay{position:fixed;background-color:var(--modal-backdrop-color)}.modal-content,.modal-overlay{top:0;left:0;right:0;bottom:0;z-index:var(--z-index-top)}.modal-content{position:absolute;background:var(--background-primary);overflow:auto;-webkit-overflow-scrolling:touch;outline:none}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .5rem .5rem 1rem;border-bottom:1px solid var(--border-secondary)}.modal-body{padding:1rem}.modal-heading{font:var(--type-body-l);margin:0}@media screen and (min-width:769px){.modal-content{border:1px solid var(--border-primary);border-radius:var(--elem-radius);width:90vw;max-width:40rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:50%;left:50%;bottom:auto;right:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:90vh}.modal-content.is-small{max-width:24rem}}@-webkit-keyframes fade-in{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes fade-in{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.icon-card-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.icon-card{border:1px solid var(--border-secondary);border-radius:var(--elem-radius);background-color:var(--background-primary);padding:1rem 1rem 1rem .5rem;transition:.3s ease-out;-webkit-animation:fade-in .2s;animation:fade-in .2s}.icon-card a:link,.icon-card a:visited{color:var(--text-primary)}.icon-card:first-child{margin-top:1rem}.icon-card>:last-child{margin-bottom:0}.icon-card-icon{width:3rem;height:3rem;background-color:var(--http-accent-color);border-radius:.125rem;color:var(--background-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-style:italic;padding:.5rem}.icon-card-icon span{overflow:hidden;text-overflow:ellipsis}.icon-card-icon.html{background-color:var(--html-accent-color)}.icon-card-icon.css{background-color:var(--css-accent-color)}.icon-card-icon.javascript{background-color:var(--js-accent-color)}.icon-card-icon.http{background-color:var(--http-accent-color)}.icon-card-icon.apis{background-color:var(--apis-accent-color)}.icon-card-title-wrap{display:flex;grid-gap:1rem;gap:1rem}.icon-card-title-wrap .dropdown{align-self:center}.icon-card-title-wrap .breadcrumbs a:link,.icon-card-title-wrap .breadcrumbs a:visited{color:var(--text-secondary)}.icon-card-title{font:var(--type-emphasis-l);overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin:0}.icon-card-description{font:var(--type-body-m);color:var(--text-secondary)}.icon-card-actions{display:flex;grid-gap:.5rem;gap:.5rem}.icon-card .icon-card-content{flex:1 1 80%;overflow:hidden}@media screen and (max-width:426px){.icon-card .icon-card-content{flex-basis:95%}}.icon-card .icon-card-content h4{overflow:hidden;text-overflow:ellipsis}.icon-card .icon-card-actions{margin-left:auto;align-self:center}.icon-card .breadcrumbs{list-style:none;font:var(--type-body-m);color:var(--text-secondary);margin-bottom:.5rem}.icon-card .breadcrumbs li{display:inline-block;margin:0}.icon-card .breadcrumbs li:after{background-color:var(--text-secondary);content:"";display:inline-block;height:8px;margin:0 4px;-webkit-mask-image:url(/static/media/chevron.fd178832.svg);mask-image:url(/static/media/chevron.fd178832.svg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);vertical-align:middle;width:8px}.icon-card .breadcrumbs li:last-child:after{content:unset}.get-involved{background-color:var(--mdn-background-dark)}.get-involved section{color:var(--text-primary);max-width:52rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;margin:0 auto;line-height:1.75;padding:2rem 1rem}.get-involved section h2{font-family:var(--font-heading);font-weight:600;font-size:1.3rem;line-height:120%;margin:0}.get-involved section .get-involved-cta{color:var(--category-color);margin-top:1rem;display:block}.about{width:100%}.about .about-container{max-width:52rem;margin:0 auto;padding:0 1rem 2rem}.about .about-container h1{margin-top:3rem}@media screen and (min-width:769px){.about .about-container h1{font-size:3.5rem}}.about .about-container header{display:flex;grid-gap:1rem;gap:1rem;flex-direction:column;align-items:center;padding:2rem 0}.about .about-container header .headline{font-family:var(--font-heading);font-style:normal;font-weight:400;font-size:1.313rem;line-height:175%;margin:0}.about .about-container p{font-weight:350;font-size:1rem;line-height:175%}.about .about-container h2{font-size:1.3rem}.about .about-container .heading-break{display:none}@media screen and (min-width:769px){.about .about-container .heading-break{display:block}}blockquote.quote{margin:2rem 0;padding:2rem;display:flex;grid-gap:2rem;gap:2rem;border:none;flex-direction:column-reverse;border-radius:.5rem}@media screen and (max-width:40rem){blockquote.quote{flex-wrap:wrap-reverse}}blockquote.quote p{font-style:italic;display:flex}blockquote.quote p .icon{margin-right:1rem;margin-top:.2rem}blockquote.quote .name{font-size:.8rem;display:inline;margin:0}main.contribute{width:100%;margin-bottom:3rem}main.contribute .stats-container{background-color:var(--background-primary);color:var(--text-primary);width:100%;margin-bottom:3rem}main.contribute section{max-width:52rem;margin:0 auto;padding:0 1rem}main.contribute section.stats-header{display:flex;flex-direction:column;align-items:center;padding:0 .5rem 2rem}main.contribute section h1{margin-top:8rem;font-size:3rem;text-align:center;margin-left:.5rem}main.contribute section h1:before{content:"";-webkit-mask:url(/static/media/m-logo.e19e0454.svg) no-repeat 50% 50%;mask:url(/static/media/m-logo.e19e0454.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;height:1.2em;width:1.2em;display:inline-block;background-color:var(--text-link);-webkit-transform:translate(-.2em,.2em);transform:translate(-.2em,.2em)}main.contribute section h1:after{content:" ";text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.1em;-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link)}main.contribute section .quote.owd{background-color:var(--text-link);color:var(--background-primary)}main.contribute section .quote.owd .icon,main.contribute section .quote.pab{background-color:var(--background-primary)}main.contribute section .quote.pab{color:var(--text-primary)}main.contribute section .quote.pab .icon{background-color:var(--text-primary)}main.contribute section .stats{display:grid;grid-gap:.3em;gap:.3em}@media screen and (max-width:769px){main.contribute section .stats{grid-template-columns:1fr 1fr}}@media screen and (max-width:426px){main.contribute section .stats{grid-template-columns:1fr}}@media screen and (min-width:769px){main.contribute section .stats{grid-template-columns:1fr 1fr 1fr 1fr}}main.contribute section .stats li{display:flex;flex-direction:column;align-items:center;background:var(--text-link);padding:.5rem 2rem;color:var(--background-primary)}main.contribute section .stats li .number{font-size:3rem}main.contribute section .stats li .legend{font-size:.8rem;max-width:5rem;text-align:center}.contributor-spotlight-content-container{max-width:52rem;margin:3rem auto;padding:0 1rem}.contributor-spotlight-content-container li{line-height:1.5;list-style-type:disc;margin-bottom:1rem}.contributor-spotlight-content-container ul{padding-left:1rem}.contributor-spotlight-content-container .quote{background-color:var(--category-color-background);color:var(--text-primary)}.contributor-spotlight-content-container .quote .icon{background-color:var(--text-primary)}.contributor-spotlight-content-container .profile-image{border-radius:50%;height:200px;width:200px}.contributor-spotlight-content-container .profile-header{display:flex;flex-direction:column;align-items:center;grid-gap:1rem;gap:1rem;width:100%;padding:1rem;border-radius:var(--elem-radius)}.contributor-spotlight-content-container .profile-header h2{color:var(--text-primary);margin-top:0;margin-bottom:0}.contributor-spotlight-content-container .profile-header .username{background-color:var(--category-color);color:var(--text-invert);font-size:1.75rem;padding:.2rem .4rem}.mdn-cta-container{background-color:#212121;color:#fff;display:flex;z-index:999;align-items:center;min-height:40px;height:100%;padding:0 1rem}.mdn-cta-container .mdn-cta-copy{margin:0;padding:8px 0}.mdn-cta-container button{background:none;border:none;opacity:.6}.mdn-cta-container button:active,.mdn-cta-container button:focus,.mdn-cta-container button:hover{cursor:pointer;opacity:1}.mdn-cta-container button .icon{height:16px;color:#fff}.mdn-cta-container .mdn-cta-content{margin:0 auto}.mdn-cta-container a{min-height:0;color:#f16b8c}
/*# sourceMappingURL=main.c40505de.chunk.css.map */