@mdn/fred 2.2.0 → 2.2.1

package/out/static/client/styles-a11y-menu.7b49a1a7289a65dd.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="8115";export const __rspack_esm_ids=["8115"];export const __webpack_modules__={7571(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-a11y-menu.7b49a1a7289a65dd.js";s.C(e),s(s.s=7571);

package/out/static/client/styles-advertising.ee901de4f53dfcfb.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="3753";export const __rspack_esm_ids=["3753"];export const __webpack_modules__={6261(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-advertising.ee901de4f53dfcfb.js";s.C(e),s(s.s=6261);

package/out/static/client/styles-article-footer.e9f7514e3e96e55e.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="8769";export const __rspack_esm_ids=["8769"];export const __webpack_modules__={53389(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-article-footer.e9f7514e3e96e55e.js";s.C(e),s(s.s=53389);

package/out/static/client/styles-banner.d39b1822c276b7a1.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="3501";export const __rspack_esm_ids=["3501"];export const __webpack_modules__={37569(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-banner.d39b1822c276b7a1.js";s.C(e),s(s.s=37569);

package/out/static/client/styles-baseline-indicator.b0124633d8959185.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="6412";export const __rspack_esm_ids=["6412"];export const __webpack_modules__={75628(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-baseline-indicator.b0124633d8959185.js";s.C(e),s(s.s=75628);

package/out/static/client/styles-blog-index.a6463d0111bfa84b.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="2254";export const __rspack_esm_ids=["2254"];export const __webpack_modules__={18314(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-blog-index.a6463d0111bfa84b.js";s.C(e),s(s.s=18314);

package/out/static/client/styles-blog-post.226761d5090b01f6.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="618";export const __rspack_esm_ids=["618"];export const __webpack_modules__={174(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as o from"./styles-blog-post.226761d5090b01f6.js";s.C(o),s(s.s=174);

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

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

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

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

package/out/static/client/styles-breadcrumbs-bar.9539fa2e37251d88.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="9217";export const __rspack_esm_ids=["9217"];export const __webpack_modules__={59461(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as _ from"./styles-breadcrumbs-bar.9539fa2e37251d88.js";s.C(_),s(s.s=59461);

package/out/static/client/{styles-breadcrumbs-bar.02910e49bb8b2372.css → styles-breadcrumbs-bar.9a51a3c76a6231d0.css}

@@ -1,2 +1,2 @@
-:root{--breadcrumbs-bar-height:2rem}.breadcrumbs-bar{align-items:center;background-color:var(--color-background-primary);border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:0 solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:1px solid var(--color-border-primary);column-gap:1rem;display:flex;height:var(--breadcrumbs-bar-height);justify-content:end;max-width:100vw;padding-inline:var(--layout-side-padding);text-wrap:nowrap}.breadcrumbs-bar[data-scheme=dark]{color:var(--color-text-primary);--csstools-color-scheme--light: ;color-scheme:dark}.breadcrumbs-bar mdn-toggle-sidebar{display:none}.breadcrumbs-bar mdn-color-theme,.breadcrumbs-bar mdn-language-switcher{display:flex}.breadcrumbs-bar mdn-color-theme,.breadcrumbs-bar mdn-color-theme::part(button),.breadcrumbs-bar mdn-language-switcher,.breadcrumbs-bar mdn-language-switcher::part(button){height:100%}@media (width < calc(1rem * 2 + (14rem + 2rem) * 2 + 31rem)){.breadcrumbs-bar:has(mdn-toggle-sidebar){padding-left:0}.breadcrumbs-bar mdn-toggle-sidebar{display:block}}@media (width <= 769px){.breadcrumbs-bar{column-gap:.5rem;padding-left:.5rem;padding-right:0}}@media screen and (width <= 480px){.breadcrumbs-bar{column-gap:.25rem}}
-/*# sourceMappingURL=styles-breadcrumbs-bar.02910e49bb8b2372.css.map*/
+:root{--breadcrumbs-bar-height:2rem}.breadcrumbs-bar{align-items:center;background-color:var(--color-background-primary);border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:0 solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:1px solid var(--color-border-primary);column-gap:1rem;display:flex;height:var(--breadcrumbs-bar-height);justify-content:end;max-width:100vw;padding-inline:var(--layout-side-padding);text-wrap:nowrap}.breadcrumbs-bar[data-scheme=dark]{color:var(--color-text-primary);--csstools-color-scheme--light: ;color-scheme:dark}.breadcrumbs-bar mdn-toggle-sidebar{display:none}.breadcrumbs-bar mdn-color-theme,.breadcrumbs-bar mdn-language-switcher{display:flex}.breadcrumbs-bar mdn-color-theme,.breadcrumbs-bar mdn-color-theme::part(button),.breadcrumbs-bar mdn-language-switcher,.breadcrumbs-bar mdn-language-switcher::part(button){height:100%}@media (width < calc(1rem * 2 + (15rem + 2rem) * 2 + 31rem)){.breadcrumbs-bar:has(mdn-toggle-sidebar){padding-left:0}.breadcrumbs-bar mdn-toggle-sidebar{display:block}}@media (width <= 769px){.breadcrumbs-bar{column-gap:.5rem;padding-left:.5rem;padding-right:0}}@media screen and (width <= 480px){.breadcrumbs-bar{column-gap:.25rem}}
+/*# sourceMappingURL=styles-breadcrumbs-bar.9a51a3c76a6231d0.css.map*/

package/out/static/client/{styles-breadcrumbs-bar.02910e49bb8b2372.css.map → styles-breadcrumbs-bar.9a51a3c76a6231d0.css.map}

@@ -1 +1 @@
-{"version":3,"file":"styles-breadcrumbs-bar.02910e49bb8b2372.css","sources":["webpack://@mdn/fred/./components/breadcrumbs-bar/server.css"],"sourcesContent":["/* Breadcrumbs */\n\n:root {\n  --breadcrumbs-bar-height: 2rem;\n}\n\n.breadcrumbs-bar {\n  display: flex;\n\n  column-gap: 1rem;\n  align-items: center;\n  justify-content: end;\n\n  max-width: 100vw; /* Workaround, remove later. */\n  height: var(--breadcrumbs-bar-height);\n\n  padding-inline: var(--layout-side-padding);\n\n  text-wrap: nowrap;\n\n  background-color: var(--color-background-primary);\n  border: 1px solid var(--color-border-primary);\n  border-width: 1px 0;\n}\n\n.breadcrumbs-bar[data-scheme=\"dark\"] {\n    color: var(--color-text-primary);\n    --csstools-color-scheme--light:  ;\n    color-scheme: dark;\n  }\n\n.breadcrumbs-bar mdn-toggle-sidebar {\n    display: none;\n  }\n\n.breadcrumbs-bar mdn-color-theme,.breadcrumbs-bar mdn-language-switcher {\n    display: flex;\n  }\n\n.breadcrumbs-bar mdn-color-theme,.breadcrumbs-bar mdn-language-switcher,.breadcrumbs-bar mdn-color-theme::part(button),.breadcrumbs-bar mdn-language-switcher::part(button) {\n    height: 100%;\n  }\n\n@media (width < calc(1rem * 2 + (14rem + 2rem) * 2 + 31rem)) {\n    .breadcrumbs-bar:has(mdn-toggle-sidebar) {\n      padding-left: 0;\n    }\n\n    .breadcrumbs-bar mdn-toggle-sidebar {\n      display: block;\n    }\n  }\n\n@media (width <= 769px) {\n\n.breadcrumbs-bar {\n    column-gap: 0.5rem;\n    padding-right: 0;\n    padding-left: 0.5rem;\n}\n  }\n\n@media screen and (width <= 480px) {\n\n.breadcrumbs-bar {\n    column-gap: 0.25rem;\n}\n  }\n"],"names":[],"mappings":"AAEA,MACE,6BACF,CAEA,iBAIE,kBAAmB,CAUnB,gDAAiD,CACjD,gBAA6C,CAC7C,mDAAmB,CAAnB,+CAAmB,CAAnB,gDAAmB,CAAnB,gDAAmB,CAbnB,eAAgB,CAFhB,YAAa,CAOb,oCAAqC,CAHrC,mBAAoB,CAEpB,eAAgB,CAGhB,yCAA0C,CAE1C,gBAKF,CAEA,mCACI,+BAAgC,CAChC,gCAAiC,CACjC,iBACF,CAEF,oCACI,YACF,CAEF,wEACI,YACF,CAEF,4KACI,WACF,CAEF,6DACI,yCACE,cACF,CAEA,oCACE,aACF,CACF,CAEF,wBAEA,iBACI,gBAAkB,CAElB,kBAAoB,CADpB,eAEJ,CACE,CAEF,mCAEA,iBACI,iBACJ,CACE"}
+{"version":3,"file":"styles-breadcrumbs-bar.9a51a3c76a6231d0.css","sources":["webpack://@mdn/fred/./components/breadcrumbs-bar/server.css"],"sourcesContent":["/* Breadcrumbs */\n\n:root {\n  --breadcrumbs-bar-height: 2rem;\n}\n\n.breadcrumbs-bar {\n  display: flex;\n\n  column-gap: 1rem;\n  align-items: center;\n  justify-content: end;\n\n  max-width: 100vw; /* Workaround, remove later. */\n  height: var(--breadcrumbs-bar-height);\n\n  padding-inline: var(--layout-side-padding);\n\n  text-wrap: nowrap;\n\n  background-color: var(--color-background-primary);\n  border: 1px solid var(--color-border-primary);\n  border-width: 1px 0;\n}\n\n.breadcrumbs-bar[data-scheme=\"dark\"] {\n    color: var(--color-text-primary);\n    --csstools-color-scheme--light:  ;\n    color-scheme: dark;\n  }\n\n.breadcrumbs-bar mdn-toggle-sidebar {\n    display: none;\n  }\n\n.breadcrumbs-bar mdn-color-theme,.breadcrumbs-bar mdn-language-switcher {\n    display: flex;\n  }\n\n.breadcrumbs-bar mdn-color-theme,.breadcrumbs-bar mdn-language-switcher,.breadcrumbs-bar mdn-color-theme::part(button),.breadcrumbs-bar mdn-language-switcher::part(button) {\n    height: 100%;\n  }\n\n@media (width < calc(1rem * 2 + (15rem + 2rem) * 2 + 31rem)) {\n    .breadcrumbs-bar:has(mdn-toggle-sidebar) {\n      padding-left: 0;\n    }\n\n    .breadcrumbs-bar mdn-toggle-sidebar {\n      display: block;\n    }\n  }\n\n@media (width <= 769px) {\n\n.breadcrumbs-bar {\n    column-gap: 0.5rem;\n    padding-right: 0;\n    padding-left: 0.5rem;\n}\n  }\n\n@media screen and (width <= 480px) {\n\n.breadcrumbs-bar {\n    column-gap: 0.25rem;\n}\n  }\n"],"names":[],"mappings":"AAEA,MACE,6BACF,CAEA,iBAIE,kBAAmB,CAUnB,gDAAiD,CACjD,gBAA6C,CAC7C,mDAAmB,CAAnB,+CAAmB,CAAnB,gDAAmB,CAAnB,gDAAmB,CAbnB,eAAgB,CAFhB,YAAa,CAOb,oCAAqC,CAHrC,mBAAoB,CAEpB,eAAgB,CAGhB,yCAA0C,CAE1C,gBAKF,CAEA,mCACI,+BAAgC,CAChC,gCAAiC,CACjC,iBACF,CAEF,oCACI,YACF,CAEF,wEACI,YACF,CAEF,4KACI,WACF,CAEF,6DACI,yCACE,cACF,CAEA,oCACE,aACF,CACF,CAEF,wBAEA,iBACI,gBAAkB,CAElB,kBAAoB,CADpB,eAEJ,CACE,CAEF,mCAEA,iBACI,iBACJ,CACE"}

package/out/static/client/styles-breadcrumbs.73650619944b4ea9.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="7113";export const __rspack_esm_ids=["7113"];export const __webpack_modules__={29365(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-breadcrumbs.73650619944b4ea9.js";s.C(e),s(s.s=29365);

package/out/static/client/styles-button.63c03050fb25b8ce.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="3519";export const __rspack_esm_ids=["3519"];export const __webpack_modules__={15727(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as _ from"./styles-button.63c03050fb25b8ce.js";s.C(_),s(s.s=15727);

package/out/static/client/{styles-content-section.302cd1e445138b77.css → styles-content-section.01ee04d014688a05.css}

@@ -1,2 +1,2 @@
-.code-example{--border:1px solid var(--color-border-primary);border:var(--border);border-radius:.25rem;overflow:hidden}.code-example .example-header{align-items:center;border-bottom:var(--border);display:flex;line-height:var(--font-line-ui);min-height:3.1rem;padding:.5rem 1rem}:is(.code-example .example-header) .language-name{text-transform:uppercase}.code-example pre{background-color:var(--color-background-secondary);display:flex;margin:0;white-space:pre-wrap}:is(.code-example pre) code{background-color:initial;flex-grow:1;flex-shrink:1;font-family:var(--font-family-code);overflow:auto;padding:1rem}.hidden:is(.code-example pre),[class*=interactive-example]:is(.code-example pre){display:none}:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre)):after{content:"";display:inline-block;flex-shrink:0;height:1.24rem;margin:1.255rem 1rem;-webkit-mask-size:cover;mask-size:cover;width:1.24rem}.example-good:is(.code-example pre){background-color:var(--color-background-green)}.example-good:is(.code-example pre):after{background-color:var(--color-text-green);-webkit-mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg);mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg)}.example-bad:is(.code-example pre){background-color:var(--color-background-red)}.example-bad:is(.code-example pre):after{background-color:var(--color-text-red);-webkit-mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg);mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg)}.code-example:has(.hidden,[class*=interactive-example]){display:none}.code-example iframe,.code-example mdn-play-runner{border:none;box-sizing:initial;display:block;padding:1rem}.prev-next{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:0 solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:1px solid var(--color-border-primary);display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;list-style:none;margin:0;padding:.5rem;width:100%}.prev-next a{color:var(--color-link-normal)!important;text-wrap:balance}:is(.prev-next a):visited{color:var(--color-link-visited)!important}@media (width <= 426px){.prev-next{display:grid;grid-template-areas:"title title" "prev next"}.prev-next li.menu{grid-area:title;justify-self:center}.prev-next li.prev{grid-area:prev;justify-self:start}.prev-next li.next{grid-area:next;justify-self:end}}.prev-next .next a,.prev-next .prev a{align-items:center;display:flex;gap:.25rem}.prev-next li{background:none;display:flex;flex-wrap:nowrap;place-items:center}:is(.prev-next li) .button{background-color:inherit;border:inherit;color:inherit}:is(:is(.prev-next li) .button):hover{-webkit-text-decoration:underline;text-decoration:underline}.next:is(.prev-next li) a:after,.prev:is(.prev-next li) a:before{background-color:currentcolor;content:"";display:inline-block;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.prev:is(.prev-next li){margin-right:auto}.prev:is(.prev-next li) a:before{-webkit-mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg);mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg)}.prev:is(.prev-next li)~.menu:is(.prev-next li){margin-left:auto;margin-right:auto;text-align:center}.next:is(.prev-next li){margin-left:auto}.next:is(.prev-next li) a:after{-webkit-mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg);mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg)}.callout,.notecard{background-color:var(--color-background-secondary);border-inline-start:2px solid var(--accent-color,var(--color-text-secondary));border-radius:.25em;color:var(--color-text-primary);margin-block:1em;padding-block:1px;padding-inline:1em;padding-inline-start:3em;position:relative}.experimental:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout){background-color:var(--color-background-blue);--accent-color:var(--color-text-blue)}.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.warning:is(.notecard,.callout){background-color:var(--color-background-red);--accent-color:var(--color-text-red)}.tip:is(.notecard,.callout){background-color:var(--color-background-green);--accent-color:var(--color-text-green)}:is(.deprecated:is(.notecard,.callout),.experimental:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.tip:is(.notecard,.callout),.warning:is(.notecard,.callout),.worker:is(.notecard,.callout)):before{background-color:var(--accent-color,var(--color-text-secondary));content:"";display:block;height:1em;left:1em;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:1.45em;width:1em}.deprecated:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.experimental:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.nonstandard:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.note:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/info.d40b80f84482feba.svg);mask-image:url(/static/client/info.d40b80f84482feba.svg)}.secure:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lock.4befe79c52ccec2a.svg);mask-image:url(/static/client/lock.4befe79c52ccec2a.svg)}.tip:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg);mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg)}.warning:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.worker:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/cog.f23af856fab34421.svg);mask-image:url(/static/client/cog.f23af856fab34421.svg)}:is(.code-example,.css-formal-syntax) .token.cdata,:is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.prolog{--csstools-light-dark-toggle-360cf513-0:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-0,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.punctuation{--csstools-light-dark-toggle-360cf513-1:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-1,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.attr-name,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.property,:is(.code-example,.css-formal-syntax) .token.selector{--csstools-light-dark-toggle-360cf513-2:var(--csstools-color-scheme--light) #ff97a0;color:var(--csstools-light-dark-toggle-360cf513-2,#d30038);color:light-dark(#d30038,#ff97a0)}:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value{--csstools-light-dark-toggle-360cf513-3:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-3,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.keyword{--csstools-light-dark-toggle-360cf513-4:var(--csstools-color-scheme--light) #c1cff1;color:var(--csstools-light-dark-toggle-360cf513-4,#0069c2);color:light-dark(#0069c2,#c1cff1)}:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.deleted,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.tag{--csstools-light-dark-toggle-360cf513-5:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-5,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.template-string>.token.string{--csstools-light-dark-toggle-360cf513-6:var(--csstools-color-scheme--light) #bea5ff;color:var(--csstools-light-dark-toggle-360cf513-6,#872bff);color:light-dark(#872bff,#bea5ff)}:is(.code-example,.css-formal-syntax) .token.bold,:is(.code-example,.css-formal-syntax) .token.important{font-weight:700}:is(.code-example,.css-formal-syntax) .token.italic{font-style:italic}:is(.code-example,.css-formal-syntax) .token.entity{cursor:help}.content-section{line-height:var(--font-line-content)}.content-section :target{scroll-margin-top:var(--sticky-header-height)}.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{font-weight:var(--font-weight-normal);margin:1rem 0 0}.content-section h2{font-size:var(--font-size-larger)}.content-section h3{font-size:var(--font-size-large)}.content-section h4{font-size:var(--font-size-medium)}.content-section h5,.content-section h6{font-size:var(--font-size-normal);font-weight:var(--font-weight-bold)}:is(.content-section a):visited{color:var(--color-link-visited)}:is(.content-section a):not([href^="#"]){-webkit-text-decoration:underline;text-decoration:underline}:is(.content-section a):not([href^="#"]):hover,[href^="#"]:is(.content-section a){-webkit-text-decoration:none;text-decoration:none}[href^="#"]:is(.content-section a):hover{-webkit-text-decoration:underline;text-decoration:underline}.content-section blockquote{border-inline-start:.25rem solid var(--color-border-primary);color:var(--color-text-secondary);margin-inline:0}:is(.content-section blockquote)>p{padding:1rem 2rem}.content-section code,.content-section pre{background-color:var(--color-background-secondary);font-family:var(--font-family-code)}.content-section pre{white-space:pre-wrap}.content-section pre:not(.code-example pre){border:1px solid var(--color-border-primary);border-radius:.25rem;overflow:auto;padding:1rem}.css-formal-syntax:is(.content-section pre:not(.code-example pre)){border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;text-wrap:wrap}.css-formal-syntax:is(.content-section pre:not(.code-example pre))~footer{border:1px solid var(--color-border-primary);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-top:0;margin-bottom:1rem;padding:.5rem 1rem}.content-section code{border-radius:var(--radius-normal);padding:.125em .25em}.content-section kbd{background-color:var(--color-background-primary);border:solid var(--color-border-primary);border-radius:var(--radius-normal);border-width:1px 1px 2px;color:var(--color-text-secondary);font-family:var(--font-family-code);padding:.0625em .125em}.content-section img{background-color:var(--color-white);border:1px solid var(--color-border-primary);border-radius:.25rem;display:block;margin:2rem auto}.content-section table{border-collapse:collapse;width:100%}:is(.content-section table) tr{background-color:var(--color-background-primary)}:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n){background-color:var(--color-background-page)}:is(.content-section table) td,:is(.content-section table) th{border:1px solid var(--color-border-primary);padding:.5rem .75rem}:is(.content-section table) th{font-weight:var(--font-weight-normal);text-align:left}.properties:is(.content-section table) td,.properties:is(.content-section table) th{border-width:1px 0}.properties:is(.content-section table) th{background-color:initial;font-weight:var(--font-weight-bold)}.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result{margin:1rem 0}:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result)+:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result){margin-top:1.5rem}.content-section interactive-example{display:block;height:375px;margin:1rem 0}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:444px}[height=shorter]:is(.content-section interactive-example){height:364px}[height=taller]:is(.content-section interactive-example){height:654px}[height=tabbed-shorter]:is(.content-section interactive-example){height:351px;margin-top:1.5rem}[height=tabbed-standard]:is(.content-section interactive-example){height:421px}[height=tabbed-taller]:is(.content-section interactive-example){height:631px}@media (width <= 992px){.content-section interactive-example{height:675px}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:513px}[height=shorter]:is(.content-section interactive-example){height:433px}[height=taller]:is(.content-section interactive-example){height:725px}[height=tabbed-shorter]:is(.content-section interactive-example){height:487px}[height=tabbed-standard]:is(.content-section interactive-example){height:548px}[height=tabbed-taller]:is(.content-section interactive-example){height:774px}}:is(.content-section dl) dl{border-left:1px solid var(--color-border-primary);padding-left:1rem}:is(.content-section dl) dd{margin-left:1rem}:is(:is(.content-section dl) dd) p:first-child{margin-top:.5rem}:is(.content-section dl) ul{margin:1rem 0 2rem}:is(.content-section dl) dt a[href^="#"]{color:inherit}:is(:is(.content-section dl) dt a[href^="#"]):hover:before{color:var(--color-text-secondary);content:"#";font-size:var(--font-size-small);margin-left:-.9em;margin-top:.3em;position:absolute}:is(.content-section ul.specifications-list) li:has(details){list-style:none;margin-left:-1.25rem}:is(.content-section ul.specifications-list) details{width:100%}[open]:is(:is(.content-section ul.specifications-list) details)>summary{margin-bottom:.5rem}:is([open]:is(:is(.content-section ul.specifications-list) details)>summary):before{transform:rotate(90deg)}:is(:is(.content-section ul.specifications-list) details) summary{align-items:center;cursor:pointer;display:flex}:is(:is(:is(.content-section ul.specifications-list) details) summary):before{background-color:currentcolor;content:"";display:inline-block;flex-shrink:0;height:1rem;margin:.125rem;-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);-webkit-mask-size:cover;mask-size:cover;width:1rem}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover{background-color:var(--color-background-secondary)}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover){background-color:unset}.content-section.article-footer{margin:2rem 0}
-/*# sourceMappingURL=styles-content-section.302cd1e445138b77.css.map*/
+.code-example{--border:1px solid var(--color-border-primary);border:var(--border);border-radius:.25rem;overflow:hidden}.code-example .example-header{align-items:center;border-bottom:var(--border);display:flex;line-height:var(--font-line-ui);min-height:3.1rem;padding:.5rem 1rem}:is(.code-example .example-header) .language-name{text-transform:uppercase}.code-example pre{background-color:var(--color-background-secondary);display:flex;margin:0;white-space:pre-wrap}:is(.code-example pre) code{background-color:initial;flex-grow:1;flex-shrink:1;font-family:var(--font-family-code);overflow:auto;padding:1rem}.hidden:is(.code-example pre),[class*=interactive-example]:is(.code-example pre){display:none}:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre)):after{content:"";display:inline-block;flex-shrink:0;height:1.24rem;margin:1.255rem 1rem;-webkit-mask-size:cover;mask-size:cover;width:1.24rem}.example-good:is(.code-example pre){background-color:var(--color-background-green)}.example-good:is(.code-example pre):after{background-color:var(--color-text-green);-webkit-mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg);mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg)}.example-bad:is(.code-example pre){background-color:var(--color-background-red)}.example-bad:is(.code-example pre):after{background-color:var(--color-text-red);-webkit-mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg);mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg)}.code-example:has(.hidden,[class*=interactive-example]){display:none}.code-example iframe,.code-example mdn-play-runner{border:none;box-sizing:initial;display:block;padding:1rem}.prev-next{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:0 solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:1px solid var(--color-border-primary);display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;list-style:none;margin:0;padding:.5rem;width:100%}.prev-next a{color:var(--color-link-normal)!important;text-wrap:balance}:is(.prev-next a):visited{color:var(--color-link-visited)!important}@media (width <= 426px){.prev-next{display:grid;grid-template-areas:"title title" "prev next"}.prev-next li.menu{grid-area:title;justify-self:center}.prev-next li.prev{grid-area:prev;justify-self:start}.prev-next li.next{grid-area:next;justify-self:end}}.prev-next .next a,.prev-next .prev a{align-items:center;display:flex;gap:.25rem}.prev-next li{background:none;display:flex;flex-wrap:nowrap;place-items:center}:is(.prev-next li) .button{background-color:inherit;border:inherit;color:inherit}:is(:is(.prev-next li) .button):hover{-webkit-text-decoration:underline;text-decoration:underline}.next:is(.prev-next li) a:after,.prev:is(.prev-next li) a:before{background-color:currentcolor;content:"";display:inline-block;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.prev:is(.prev-next li){margin-right:auto}.prev:is(.prev-next li) a:before{-webkit-mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg);mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg)}.prev:is(.prev-next li)~.menu:is(.prev-next li){margin-left:auto;margin-right:auto;text-align:center}.next:is(.prev-next li){margin-left:auto}.next:is(.prev-next li) a:after{-webkit-mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg);mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg)}.callout,.notecard{background-color:var(--color-background-secondary);border-inline-start:2px solid var(--accent-color,var(--color-text-secondary));border-radius:.25em;color:var(--color-text-primary);margin-block:1em;padding-block:1px;padding-inline:1em;padding-inline-start:3em;position:relative}.experimental:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout){background-color:var(--color-background-blue);--accent-color:var(--color-text-blue)}.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.warning:is(.notecard,.callout){background-color:var(--color-background-red);--accent-color:var(--color-text-red)}.tip:is(.notecard,.callout){background-color:var(--color-background-green);--accent-color:var(--color-text-green)}:is(.deprecated:is(.notecard,.callout),.experimental:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.tip:is(.notecard,.callout),.warning:is(.notecard,.callout),.worker:is(.notecard,.callout)):before{background-color:var(--accent-color,var(--color-text-secondary));content:"";display:block;height:1em;left:1em;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:1.45em;width:1em}.deprecated:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.experimental:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.nonstandard:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.note:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/info.d40b80f84482feba.svg);mask-image:url(/static/client/info.d40b80f84482feba.svg)}.secure:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lock.4befe79c52ccec2a.svg);mask-image:url(/static/client/lock.4befe79c52ccec2a.svg)}.tip:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg);mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg)}.warning:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.worker:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/cog.f23af856fab34421.svg);mask-image:url(/static/client/cog.f23af856fab34421.svg)}:is(.code-example,.css-formal-syntax) .token.cdata,:is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.prolog{--csstools-light-dark-toggle-360cf513-0:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-0,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.punctuation{--csstools-light-dark-toggle-360cf513-1:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-1,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.attr-name,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.property,:is(.code-example,.css-formal-syntax) .token.selector{--csstools-light-dark-toggle-360cf513-2:var(--csstools-color-scheme--light) #ff97a0;color:var(--csstools-light-dark-toggle-360cf513-2,#d30038);color:light-dark(#d30038,#ff97a0)}:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value{--csstools-light-dark-toggle-360cf513-3:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-3,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.keyword{--csstools-light-dark-toggle-360cf513-4:var(--csstools-color-scheme--light) #c1cff1;color:var(--csstools-light-dark-toggle-360cf513-4,#0069c2);color:light-dark(#0069c2,#c1cff1)}:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.deleted,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.tag{--csstools-light-dark-toggle-360cf513-5:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-5,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.template-string>.token.string{--csstools-light-dark-toggle-360cf513-6:var(--csstools-color-scheme--light) #bea5ff;color:var(--csstools-light-dark-toggle-360cf513-6,#872bff);color:light-dark(#872bff,#bea5ff)}:is(.code-example,.css-formal-syntax) .token.bold,:is(.code-example,.css-formal-syntax) .token.important{font-weight:700}:is(.code-example,.css-formal-syntax) .token.italic{font-style:italic}:is(.code-example,.css-formal-syntax) .token.entity{cursor:help}.content-section{line-height:var(--font-line-content)}.content-section :target{scroll-margin-top:var(--sticky-header-height)}.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{font-weight:var(--font-weight-normal);margin:1rem 0 0}.content-section h2{font-size:var(--font-size-larger)}.content-section h3{font-size:var(--font-size-large)}.content-section h4{font-size:var(--font-size-medium)}.content-section h5,.content-section h6{font-size:var(--font-size-normal);font-weight:var(--font-weight-bold)}:is(.content-section a):visited{color:var(--color-link-visited)}:is(.content-section a):not([href^="#"]){-webkit-text-decoration:underline;text-decoration:underline}:is(.content-section a):not([href^="#"]):hover,[href^="#"]:is(.content-section a){-webkit-text-decoration:none;text-decoration:none}[href^="#"]:is(.content-section a):hover{-webkit-text-decoration:underline;text-decoration:underline}.content-section blockquote{border-inline-start:.25rem solid var(--color-border-primary);color:var(--color-text-secondary);margin-inline:0}:is(.content-section blockquote)>p{padding:1rem 2rem}.content-section code,.content-section pre{background-color:var(--color-background-secondary);font-family:var(--font-family-code)}.content-section pre{white-space:pre-wrap}.content-section pre:not(.code-example pre){border:1px solid var(--color-border-primary);border-radius:.25rem;overflow:auto;padding:1rem}.css-formal-syntax:is(.content-section pre:not(.code-example pre)){border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;text-wrap:wrap}.css-formal-syntax:is(.content-section pre:not(.code-example pre))~footer{border:1px solid var(--color-border-primary);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-top:0;margin-bottom:1rem;padding:.5rem 1rem}.content-section code{border-radius:var(--radius-normal);padding:.125em .25em}.content-section kbd{background-color:var(--color-background-primary);border:solid var(--color-border-primary);border-radius:var(--radius-normal);border-width:1px 1px 2px;color:var(--color-text-secondary);font-family:var(--font-family-code);padding:.0625em .125em}.content-section img{background-color:var(--color-white);border:1px solid var(--color-border-primary);border-radius:.25rem;display:block;margin:2rem auto}.content-section table{border-collapse:collapse;width:100%}:is(.content-section table) tr{background-color:var(--color-background-primary)}:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n){background-color:var(--color-background-page)}:is(.content-section table) td,:is(.content-section table) th{border:1px solid var(--color-border-primary);padding:.5rem .75rem}:is(.content-section table) th{font-weight:var(--font-weight-bold);text-align:left}.properties:is(.content-section table) td,.properties:is(.content-section table) th{border-width:1px 0}.properties:is(.content-section table) th{background-color:initial;font-weight:var(--font-weight-bold)}.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result{margin:1rem 0}:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result)+:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result){margin-top:1.5rem}.content-section interactive-example{display:block;height:375px;margin:1rem 0}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:444px}[height=shorter]:is(.content-section interactive-example){height:364px}[height=taller]:is(.content-section interactive-example){height:654px}[height=tabbed-shorter]:is(.content-section interactive-example){height:351px;margin-top:1.5rem}[height=tabbed-standard]:is(.content-section interactive-example){height:421px}[height=tabbed-taller]:is(.content-section interactive-example){height:631px}@media (width <= 992px){.content-section interactive-example{height:675px}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:513px}[height=shorter]:is(.content-section interactive-example){height:433px}[height=taller]:is(.content-section interactive-example){height:725px}[height=tabbed-shorter]:is(.content-section interactive-example){height:487px}[height=tabbed-standard]:is(.content-section interactive-example){height:548px}[height=tabbed-taller]:is(.content-section interactive-example){height:774px}}:is(.content-section dl) dl{border-left:1px solid var(--color-border-primary);padding-left:1rem}:is(.content-section dl) dd{margin-left:1rem}:is(:is(.content-section dl) dd) p:first-child{margin-top:.5rem}:is(.content-section dl) ul{margin:1rem 0 2rem}:is(.content-section dl) dt a[href^="#"]{color:inherit}:is(:is(.content-section dl) dt a[href^="#"]):hover:before{color:var(--color-text-secondary);content:"#";font-size:var(--font-size-small);margin-left:-.9em;margin-top:.3em;position:absolute}:is(.content-section ul.specifications-list) li:has(details){list-style:none;margin-left:-1.25rem}:is(.content-section ul.specifications-list) details{width:100%}[open]:is(:is(.content-section ul.specifications-list) details)>summary{margin-bottom:.5rem}:is([open]:is(:is(.content-section ul.specifications-list) details)>summary):before{transform:rotate(90deg)}:is(:is(.content-section ul.specifications-list) details) summary{align-items:center;cursor:pointer;display:flex}:is(:is(:is(.content-section ul.specifications-list) details) summary):before{background-color:currentcolor;content:"";display:inline-block;flex-shrink:0;height:1rem;margin:.125rem;-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);-webkit-mask-size:cover;mask-size:cover;width:1rem}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover{background-color:var(--color-background-secondary)}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover){background-color:unset}.content-section.article-footer{margin:2rem 0}
+/*# sourceMappingURL=styles-content-section.01ee04d014688a05.css.map*/

package/out/static/client/{styles-content-section.302cd1e445138b77.css.map → styles-content-section.01ee04d014688a05.css.map}

@@ -1 +1 @@
-{"version":3,"file":"styles-content-section.302cd1e445138b77.css","sources":["webpack://@mdn/fred/./components/code-example/common.css","webpack://@mdn/fred/./components/prev-next/index.css","webpack://@mdn/fred/./components/notecard/index.css","webpack://@mdn/fred/./components/code-example/prism.css","webpack://@mdn/fred/./components/content-section/server.css"],"sourcesContent":[".code-example {\n  --border: 1px solid var(--color-border-primary);\n  overflow: hidden;\n  border: var(--border);\n  border-radius: 0.25rem;\n}.code-example .example-header {\n    display: flex;\n\n    align-items: center;\n\n    min-height: 3.1rem;\n\n    padding: 0.5rem 1rem;\n\n    line-height: var(--font-line-ui);\n\n    border-bottom: var(--border);\n  }:is(.code-example .example-header) .language-name {\n      text-transform: uppercase;\n    }.code-example pre {\n    display: flex;\n\n    margin: 0;\n\n    white-space: pre-wrap;\n\n    background-color: var(--color-background-secondary);\n  }:is(.code-example pre) code {\n      flex-grow: 1;\n      flex-shrink: 1;\n\n      padding: 1rem;\n\n      overflow: auto;\n\n      font-family: var(--font-family-code);\n\n      background-color: transparent;\n    }.hidden:is(.code-example pre),[class*=\"interactive-example\"]:is(.code-example pre) {\n      display: none;\n    }:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre))::after {\n        display: inline-block;\n\n        flex-shrink: 0;\n\n        width: 1.24rem;\n        height: 1.24rem;\n\n        margin: 1.255rem 1rem;\n\n        content: \"\";\n\n        -webkit-mask-size: cover;\n\n                mask-size: cover;\n      }.example-good:is(.code-example pre) {\n      background-color: var(--color-background-green);\n    }.example-good:is(.code-example pre)::after {\n        background-color: var(--color-text-green);\n        -webkit-mask-image: url(\"../icon/circle-check.svg\");\n                mask-image: url(\"../icon/circle-check.svg\");\n      }.example-bad:is(.code-example pre) {\n      background-color: var(--color-background-red);\n    }.example-bad:is(.code-example pre)::after {\n        background-color: var(--color-text-red);\n        -webkit-mask-image: url(\"../icon/circle-x.svg\");\n                mask-image: url(\"../icon/circle-x.svg\");\n      }.code-example:has(.hidden,[class*=\"interactive-example\"]) {\n    /* TODO: we might want to fix this in rari */\n    display: none;\n  }.code-example iframe,.code-example mdn-play-runner {\n    box-sizing: content-box;\n    display: block;\n\n    padding: 1rem;\n\n    border: none;\n  }\n","/* Tutorial nav. */\n.prev-next {\n  display: flex;\n\n  flex-wrap: nowrap;\n\n  gap: 1rem;\n  justify-content: space-between;\n\n  width: 100%;\n\n  padding: 0.5rem;\n  margin: 0;\n\n  list-style: none;\n\n  border: 1px solid var(--color-border-primary);\n  border-width: 1px 0;\n}\n.prev-next a {\n    color: var(--color-link-normal) !important;\n    text-wrap: balance;\n  }\n:is(.prev-next a):visited {\n      color: var(--color-link-visited) !important;\n    }\n@media (width <= 426px) {\n.prev-next {\n    display: grid;\n    grid-template-areas:\n      \"title title\"\n      \"prev next\";\n}\n\n    .prev-next li.menu {\n      grid-area: title;\n      justify-self: center;\n    }\n\n    .prev-next li.prev {\n      grid-area: prev;\n      justify-self: start;\n    }\n\n    .prev-next li.next {\n      grid-area: next;\n      justify-self: end;\n    }\n  }\n.prev-next .prev a,.prev-next .next a {\n    display: flex;\n    gap: 0.25rem;\n    align-items: center;\n  }\n.prev-next li {\n    display: flex;\n\n    flex-wrap: nowrap;\n\n    place-items: center;\n\n    background: none;\n  }\n:is(.prev-next li) .button {\n      color: inherit;\n      background-color: inherit;\n      border: inherit;\n    }\n:is(:is(.prev-next li) .button):hover {\n        -webkit-text-decoration: underline;\n        text-decoration: underline;\n      }\n.prev:is(.prev-next li) a::before,.next:is(.prev-next li) a::after {\n      display: inline-block;\n\n      width: 1em;\n      height: 1em;\n\n      vertical-align: middle;\n\n      content: \"\";\n\n      background-color: currentcolor;\n\n      -webkit-mask-size: cover;\n\n              mask-size: cover;\n    }\n.prev:is(.prev-next li) {\n      margin-right: auto;\n    }\n.prev:is(.prev-next li) a::before {\n        -webkit-mask-image: url(\"../icon/arrow-left.svg\");\n                mask-image: url(\"../icon/arrow-left.svg\");\n      }\n.prev:is(.prev-next li) ~ .menu:is(.prev-next li) {\n      margin-right: auto;\n      margin-left: auto;\n      text-align: center;\n    }\n.next:is(.prev-next li) {\n      margin-left: auto;\n    }\n.next:is(.prev-next li) a::after {\n        -webkit-mask-image: url(\"../icon/arrow-right.svg\");\n                mask-image: url(\"../icon/arrow-right.svg\");\n      }\n",".notecard,\n.callout {\n  position: relative;\n\n  padding-block: 1px;\n  padding-inline: 1em;\n  padding-inline-start: 3em;\n  margin-block: 1em;\n\n  color: var(--color-text-primary);\n\n  background-color: var(--color-background-secondary);\n  border-inline-start: 2px solid\n    var(--accent-color, var(--color-text-secondary));\n  border-radius: 0.25em;\n}.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.experimental:is(.notecard,.callout) {\n    background-color: var(--color-background-blue);\n    --accent-color: var(--color-text-blue);\n  }.warning:is(.notecard,.callout),.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout) {\n    background-color: var(--color-background-red);\n    --accent-color: var(--color-text-red);\n  }.tip:is(.notecard,.callout) {\n    background-color: var(--color-background-green);\n    --accent-color: var(--color-text-green);\n  }:is(.deprecated:is(.notecard,.callout),.experimental:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.tip:is(.notecard,.callout),.warning:is(.notecard,.callout),.worker:is(.notecard,.callout))::before {\n      position: absolute;\n      top: 1.45em;\n      left: 1em;\n\n      display: block;\n\n      width: 1em;\n      height: 1em;\n\n      content: \"\";\n\n      background-color: var(--accent-color, var(--color-text-secondary));\n\n      -webkit-mask-size: cover;\n\n              mask-size: cover;\n    }.deprecated:is(.notecard,.callout)::before {\n    /* e.g. Window: blur() method */\n    -webkit-mask-image: url(\"../icon/trash-2.svg\");\n            mask-image: url(\"../icon/trash-2.svg\");\n  }.experimental:is(.notecard,.callout)::before {\n    /* e.g. Barcode Detection API */\n    -webkit-mask-image: url(\"../icon/flask-conical.svg\");\n            mask-image: url(\"../icon/flask-conical.svg\");\n  }.nonstandard:is(.notecard,.callout)::before {\n    /* e.g. Document: caretRangeFromPoint() method */\n    -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n            mask-image: url(\"../icon/triangle-alert.svg\");\n  }.note:is(.notecard,.callout)::before {\n    /* e.g. Barcode Detection API */\n    -webkit-mask-image: url(\"../icon/info.svg\");\n            mask-image: url(\"../icon/info.svg\");\n  }.secure:is(.notecard,.callout)::before {\n    /* e.g. Barcode Detection API */\n    -webkit-mask-image: url(\"../icon/lock.svg\");\n            mask-image: url(\"../icon/lock.svg\");\n  }.tip:is(.notecard,.callout)::before {\n    /* (Not used in content yet) */\n    -webkit-mask-image: url(\"../icon/lightbulb.svg\");\n            mask-image: url(\"../icon/lightbulb.svg\");\n  }.warning:is(.notecard,.callout)::before {\n    /* e.g. Navigator: scheduling property */\n    -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n            mask-image: url(\"../icon/triangle-alert.svg\");\n  }.worker:is(.notecard,.callout)::before {\n    /* e.g. Worker: Worker() constructor (needs rari change) */\n    -webkit-mask-image: url(\"../icon/cog.svg\");\n            mask-image: url(\"../icon/cog.svg\");\n  }\n","\n  :is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.prolog,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.cdata {\n    --csstools-light-dark-toggle-360cf513-0: var(--csstools-color-scheme--light) #b3b3b3;\n    color: var(--csstools-light-dark-toggle-360cf513-0, #51565d);\n    color: light-dark(#51565d, #b3b3b3);\n  }:is(.code-example,.css-formal-syntax) .token.punctuation {\n    --csstools-light-dark-toggle-360cf513-1: var(--csstools-color-scheme--light) #b3b3b3;\n    color: var(--csstools-light-dark-toggle-360cf513-1, #51565d);\n    color: light-dark(#51565d, #b3b3b3);\n  }:is(.code-example,.css-formal-syntax) .token.attr-name,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.property,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function {\n    --csstools-light-dark-toggle-360cf513-2: var(--csstools-color-scheme--light) #ff97a0;\n    color: var(--csstools-light-dark-toggle-360cf513-2, #d30038);\n    color: light-dark(#d30038, #ff97a0);\n  }:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value {\n    --csstools-light-dark-toggle-360cf513-3: var(--csstools-color-scheme--light) #00d061;\n    color: var(--csstools-light-dark-toggle-360cf513-3, #007936);\n    color: light-dark(#007936, #00d061);\n  }:is(.code-example,.css-formal-syntax) .token.keyword {\n    --csstools-light-dark-toggle-360cf513-4: var(--csstools-color-scheme--light) #c1cff1;\n    color: var(--csstools-light-dark-toggle-360cf513-4, #0069c2);\n    color: light-dark(#0069c2, #c1cff1);\n  }:is(.code-example,.css-formal-syntax) .token.tag,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.deleted {\n    --csstools-light-dark-toggle-360cf513-5: var(--csstools-color-scheme--light) #00d061;\n    color: var(--csstools-light-dark-toggle-360cf513-5, #007936);\n    color: light-dark(#007936, #00d061);\n  }:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.template-string > .token.string,:is(.code-example,.css-formal-syntax) .token.inserted {\n    --csstools-light-dark-toggle-360cf513-6: var(--csstools-color-scheme--light) #bea5ff;\n    color: var(--csstools-light-dark-toggle-360cf513-6, #872bff);\n    color: light-dark(#872bff, #bea5ff);\n  }:is(.code-example,.css-formal-syntax) .token.important,:is(.code-example,.css-formal-syntax) .token.bold {\n    font-weight: bold;\n  }:is(.code-example,.css-formal-syntax) .token.italic {\n    font-style: italic;\n  }:is(.code-example,.css-formal-syntax) .token.entity {\n    cursor: help;\n  }\n","@import url(\"../code-example/common.css\");\n@import url(\"../prev-next/index.css\");\n@import url(\"../notecard/index.css\");\n@import url(\"../code-example/prism.css\");\n\n.content-section {\n  line-height: var(--font-line-content);\n}\n\n.content-section :target {\n    scroll-margin-top: var(--sticky-header-height);\n  }\n\n.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6 {\n    margin: 1rem 0 0;\n    font-weight: var(--font-weight-normal);\n  }\n\n.content-section h2 {\n    font-size: var(--font-size-larger);\n  }\n\n.content-section h3 {\n    font-size: var(--font-size-large);\n  }\n\n.content-section h4 {\n    font-size: var(--font-size-medium);\n  }\n\n.content-section h5,.content-section h6 {\n    font-size: var(--font-size-normal);\n    font-weight: var(--font-weight-bold);\n  }\n\n:is(.content-section a):visited {\n      color: var(--color-link-visited);\n    }\n\n/* Regular links */\n\n:is(.content-section a):not([href^=\"#\"]) {\n      -webkit-text-decoration: underline;\n      text-decoration: underline;\n    }\n\n:is(.content-section a):not([href^=\"#\"]):hover {\n        -webkit-text-decoration: none;\n        text-decoration: none;\n      }\n\n/* Anchor links */\n\n[href^=\"#\"]:is(.content-section a) {\n      -webkit-text-decoration: none;\n      text-decoration: none;\n    }\n\n[href^=\"#\"]:is(.content-section a):hover {\n        -webkit-text-decoration: underline;\n        text-decoration: underline;\n      }\n\n.content-section blockquote {\n    margin-inline: 0;\n    color: var(--color-text-secondary);\n    border-inline-start: 0.25rem solid var(--color-border-primary);\n  }\n\n:is(.content-section blockquote)  > p {\n      padding: 1rem 2rem;\n    }\n\n.content-section pre,.content-section code {\n    font-family: var(--font-family-code);\n    background-color: var(--color-background-secondary);\n  }\n\n.content-section pre {\n    white-space: pre-wrap;\n  }\n\n.content-section pre:not(.code-example pre) {\n    padding: 1rem;\n\n    overflow: auto;\n\n    border: 1px solid var(--color-border-primary);\n    border-radius: 0.25rem;\n  }\n\n.css-formal-syntax:is(.content-section pre:not(.code-example pre)) {\n      margin-bottom: 0;\n\n      text-wrap: wrap;\n\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n\n.css-formal-syntax:is(.content-section pre:not(.code-example pre))  ~ footer {\n        padding: 0.5rem 1rem;\n        margin-bottom: 1rem;\n\n        border: 1px solid var(--color-border-primary);\n        border-top: 0;\n        border-bottom-right-radius: 0.25rem;\n        border-bottom-left-radius: 0.25rem;\n      }\n\n.content-section code {\n    padding: 0.125em 0.25em;\n    border-radius: var(--radius-normal);\n  }\n\n.content-section kbd {\n    padding: 0.0625em 0.125em;\n\n    font-family: var(--font-family-code);\n\n    color: var(--color-text-secondary);\n\n    background-color: var(--color-background-primary);\n    border: 1px solid var(--color-border-primary);\n    border-bottom-width: 2px;\n    border-radius: var(--radius-normal);\n  }\n\n.content-section img {\n    display: block;\n\n    margin: 2rem auto;\n\n    background-color: var(--color-white);\n    border: 1px solid var(--color-border-primary);\n    border-radius: 0.25rem;\n  }\n\n.content-section table {\n    width: 100%;\n    border-collapse: collapse;\n  }\n\n:is(.content-section table) tr {\n      background-color: var(--color-background-primary);\n    }\n\n:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n) {\n      background-color: var(--color-background-page);\n    }\n\n:is(.content-section table) th,:is(.content-section table) td {\n      padding: 0.5rem 0.75rem;\n      border: 1px solid var(--color-border-primary);\n    }\n\n:is(.content-section table) th {\n      font-weight: var(--font-weight-normal);\n      text-align: left;\n    }\n\n.properties:is(.content-section table) th,.properties:is(.content-section table) td {\n        border-width: 1px 0;\n      }\n\n.properties:is(.content-section table) th {\n        font-weight: var(--font-weight-bold);\n        background-color: transparent;\n      }\n\n.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result {\n    margin: 1rem 0;\n  }\n\n:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result) + :is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result) {\n      margin-top: 1.5rem;\n    }\n\n.content-section interactive-example {\n    display: block;\n    height: 375px;\n    margin: 1rem 0;\n  }\n\n[name^=\"JavaScript Demo:\" i]:is(.content-section interactive-example) {\n      height: 444px;\n    }\n\n[height=\"shorter\"]:is(.content-section interactive-example) {\n      height: 364px;\n    }\n\n[height=\"taller\"]:is(.content-section interactive-example) {\n      height: 654px;\n    }\n\n[height=\"tabbed-shorter\"]:is(.content-section interactive-example) {\n      height: 351px;\n      margin-top: 1.5rem;\n    }\n\n[height=\"tabbed-standard\"]:is(.content-section interactive-example) {\n      height: 421px;\n    }\n\n[height=\"tabbed-taller\"]:is(.content-section interactive-example) {\n      height: 631px;\n    }\n\n@media (width <= 992px) {\n\n.content-section interactive-example {\n      height: 675px;\n  }\n\n      [name^=\"JavaScript Demo:\" i]:is(.content-section interactive-example) {\n        height: 513px;\n      }\n\n      [height=\"shorter\"]:is(.content-section interactive-example) {\n        height: 433px;\n      }\n\n      [height=\"taller\"]:is(.content-section interactive-example) {\n        height: 725px;\n      }\n\n      [height=\"tabbed-shorter\"]:is(.content-section interactive-example) {\n        height: 487px;\n      }\n\n      [height=\"tabbed-standard\"]:is(.content-section interactive-example) {\n        height: 548px;\n      }\n\n      [height=\"tabbed-taller\"]:is(.content-section interactive-example) {\n        height: 774px;\n      }\n    }\n\n/* Definition list */\n\n:is(.content-section dl) dl {\n      padding-left: 1rem;\n      border-left: 1px solid var(--color-border-primary);\n    }\n\n:is(.content-section dl) dd {\n      margin-left: 1rem;\n\n      /* Move description closer to term. */\n    }\n\n:is(:is(.content-section dl) dd) p:first-child {\n        margin-top: 0.5rem;\n      }\n\n:is(.content-section dl) ul {\n      margin: 1rem 0 2rem;\n    }\n\n:is(.content-section dl) dt a[href^=\"#\"] {\n      color: inherit;\n    }\n\n:is(:is(.content-section dl) dt a[href^=\"#\"]):hover::before {\n        position: absolute;\n\n        margin-top: 0.3em;\n        margin-left: -0.9em;\n\n        font-size: var(--font-size-small);\n\n        color: var(--color-text-secondary);\n\n        content: \"#\";\n      }\n\n:is(.content-section ul.specifications-list) li:has(details) {\n      margin-left: -1.25rem;\n      list-style: none;\n    }\n\n:is(.content-section ul.specifications-list) details {\n      width: 100%;\n    }\n\n[open]:is(:is(.content-section ul.specifications-list) details)  > summary {\n          margin-bottom: 0.5rem;\n        }\n\n:is([open]:is(:is(.content-section ul.specifications-list) details) > summary)::before {\n            transform: rotate(90deg);\n          }\n\n:is(:is(.content-section ul.specifications-list) details) summary {\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n      }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary)::before {\n          display: inline-block;\n\n          flex-shrink: 0;\n\n          width: 1rem;\n          height: 1rem;\n\n          margin: 0.125rem;\n\n          content: \"\";\n\n          background-color: currentcolor;\n\n          -webkit-mask-image: url(\"../icon/chevron-right.svg\");\n\n                  mask-image: url(\"../icon/chevron-right.svg\");\n          -webkit-mask-size: cover;\n                  mask-size: cover;\n        }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary):hover {\n          background-color: var(--color-background-secondary);\n        }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover) {\n            /* Don't highlight, as link click doesn't toggle. */\n            background-color: unset;\n          }\n\n/* Article footer */\n\n.content-section.article-footer {\n    margin: 2rem 0;\n  }\n"],"names":[],"mappings":"AAAA,cACE,8CAA+C,CAE/C,oBAAqB,CACrB,oBAAsB,CAFtB,eAGF,CAAC,8BAGG,kBAAmB,CAQnB,2BAA4B,CAV5B,YAAa,CAQb,+BAAgC,CAJhC,iBAAkB,CAElB,kBAKF,CAAC,kDACG,wBACF,CAAC,kBAOD,kDAAmD,CANnD,YAAa,CAEb,QAAS,CAET,oBAGF,CAAC,4BAUG,wBAA6B,CAT7B,WAAY,CACZ,aAAc,CAMd,mCAAoC,CAFpC,aAAc,CAFd,YAOF,CAAC,iFACC,YACF,CAAC,kFAUG,UAAW,CATX,oBAAqB,CAErB,aAAc,CAGd,cAAe,CAEf,oBAAqB,CAIrB,uBAAwB,CAEhB,eAAgB,CATxB,aAUF,CAAC,oCACD,8CACF,CAAC,0CACG,wCAAyC,CACzC,wEAAmD,CAC3C,gEACV,CAAC,mCACD,4CACF,CAAC,yCACG,sCAAuC,CACvC,oEAA+C,CACvC,4DACV,CAAC,wDAEH,YACF,CAAC,mDAMC,WAAY,CALZ,kBAAuB,CACvB,aAAc,CAEd,YAGF,CC5EF,WAeE,gBAA6C,CAC7C,mDAAmB,CAAnB,+CAAmB,CAAnB,gDAAmB,CAAnB,gDAAmB,CAfnB,YAAa,CAEb,gBAAiB,CAEjB,QAAS,CACT,6BAA8B,CAO9B,eAAgB,CAFhB,QAAS,CADT,aAAe,CAFf,UASF,CACA,aACI,wCAA0C,CAC1C,iBACF,CACF,0BACM,yCACF,CACJ,wBACA,WACI,YAAa,CACb,6CAGJ,CAEI,mBACE,eAAgB,CAChB,mBACF,CAEA,mBACE,cAAe,CACf,kBACF,CAEA,mBACE,cAAe,CACf,gBACF,CACF,CACF,sCAGI,kBAAmB,CAFnB,YAAa,CACb,UAEF,CACF,cAOI,eAAgB,CANhB,YAAa,CAEb,gBAAiB,CAEjB,kBAGF,CACF,2BAEM,wBAAyB,CACzB,cAAe,CAFf,aAGF,CACJ,sCACQ,iCAAkC,CAClC,yBACF,CACN,iEAUM,6BAA8B,CAF9B,UAAW,CAPX,oBAAqB,CAGrB,UAAW,CAQX,uBAAwB,CAEhB,eAAgB,CARxB,qBAAsB,CAHtB,SAYF,CACJ,wBACM,iBACF,CACJ,iCACQ,sEAAiD,CACzC,8DACV,CACN,gDAEM,gBAAiB,CADjB,iBAAkB,CAElB,iBACF,CACJ,wBACM,gBACF,CACJ,gCACQ,uEAAkD,CAC1C,+DACV,CC1GN,mBAWE,kDAAmD,CACnD,6EACkD,CAClD,mBAAqB,CALrB,+BAAgC,CAFhC,gBAAiB,CAHjB,iBAAkB,CAClB,kBAAmB,CACnB,wBAAyB,CAJzB,iBAaF,CAAC,iGACG,6CAA8C,CAC9C,qCACF,CAAC,uGACC,4CAA6C,CAC7C,oCACF,CAAC,4BACC,8CAA+C,CAC/C,sCACF,CAAC,+QAYG,gEAAkE,CAFlE,UAAW,CALX,aAAc,CAGd,UAAW,CALX,QAAS,CAWT,uBAAwB,CAEhB,eAAgB,CAfxB,iBAAkB,CAClB,UAAW,CAKX,SAUF,CAAC,0CAED,mEAA8C,CACtC,2DACV,CAAC,4CAEC,yEAAoD,CAC5C,iEACV,CAAC,2CAEC,0EAAqD,CAC7C,kEACV,CAAC,oCAEC,gEAA2C,CACnC,wDACV,CAAC,sCAEC,gEAA2C,CACnC,wDACV,CAAC,mCAEC,qEAAgD,CACxC,6DACV,CAAC,uCAEC,0EAAqD,CAC7C,kEACV,CAAC,sCAEC,+DAA0C,CAClC,uDACV,CCxEA,iNACE,mFAAoF,CACpF,0DAA4D,CAC5D,iCACF,CAAC,yDACC,mFAAoF,CACpF,0DAA4D,CAC5D,iCACF,CAAC,4XACC,mFAAoF,CACpF,0DAA4D,CAC5D,iCACF,CAAC,4GACC,mFAAoF,CACpF,0DAA4D,CAC5D,iCACF,CAAC,qDACC,mFAAoF,CACpF,0DAA4D,CAC5D,iCACF,CAAC,+ZACC,mFAAoF,CACpF,0DAA4D,CAC5D,iCACF,CAAC,4OACC,mFAAoF,CACpF,0DAA4D,CAC5D,iCACF,CAAC,yGACC,eACF,CAAC,oDACC,iBACF,CAAC,oDACC,WACF,CC9BF,iBACE,oCACF,CAEA,yBACI,6CACF,CAEF,oGAEI,qCAAsC,CADtC,eAEF,CAEF,oBACI,iCACF,CAEF,oBACI,gCACF,CAEF,oBACI,iCACF,CAEF,wCACI,iCAAkC,CAClC,mCACF,CAEF,gCACM,+BACF,CAIJ,yCACM,iCAAkC,CAClC,yBACF,CASJ,kFACM,4BAA6B,CAC7B,oBACF,CAEJ,yCACQ,iCAAkC,CAClC,yBACF,CAEN,4BAGI,4DAA8D,CAD9D,iCAAkC,CADlC,eAGF,CAEF,mCACM,iBACF,CAEJ,2CAEI,kDAAmD,CADnD,mCAEF,CAEF,qBACI,oBACF,CAEF,4CAKI,4CAA6C,CAC7C,oBAAsB,CAHtB,aAAc,CAFd,YAMF,CAEF,mEAMM,2BAA4B,CAD5B,4BAA6B,CAJ7B,eAAgB,CAEhB,cAIF,CAEJ,0EAKQ,4CAAa,CAEb,gCAAkC,CADlC,iCAAmC,CADnC,YAAa,CAHb,kBAAmB,CADnB,kBAOF,CAEN,sBAEI,kCAAmC,CADnC,oBAEF,CAEF,qBAOI,gDAAiD,CAEjD,wCAAwB,CACxB,kCAAmC,CADnC,wBAAwB,CAJxB,iCAAkC,CAFlC,mCAAoC,CAFpC,sBAUF,CAEF,qBAKI,mCAAoC,CACpC,4CAA6C,CAC7C,oBAAsB,CANtB,aAAc,CAEd,gBAKF,CAEF,uBAEI,wBAAyB,CADzB,UAEF,CAEF,+BACM,gDACF,CAEJ,oFACM,6CACF,CAEJ,8DAEM,4CAA6C,CAD7C,oBAEF,CAEJ,+BACM,qCAAsC,CACtC,eACF,CAEJ,oFACQ,kBACF,CAEN,0CAEQ,wBAA6B,CAD7B,mCAEF,CAEN,yGACI,aACF,CAEF,4NACM,iBACF,CAEJ,qCACI,aAAc,CACd,YAAa,CACb,aACF,CAEF,sEACM,YACF,CAEJ,0DACM,YACF,CAEJ,yDACM,YACF,CAEJ,iEACM,YAAa,CACb,iBACF,CAEJ,kEACM,YACF,CAEJ,gEACM,YACF,CAEJ,wBAEA,qCACM,YACJ,CAEI,sEACE,YACF,CAEA,0DACE,YACF,CAEA,yDACE,YACF,CAEA,iEACE,YACF,CAEA,kEACE,YACF,CAEA,gEACE,YACF,CACF,CAIJ,4BAEM,iDAAkD,CADlD,iBAEF,CAEJ,4BACM,gBAGF,CAEJ,+CACQ,gBACF,CAEN,4BACM,kBACF,CAEJ,yCACM,aACF,CAEJ,2DAQQ,iCAAkC,CAElC,WAAY,CAJZ,gCAAiC,CAFjC,iBAAmB,CADnB,eAAiB,CAFjB,iBAUF,CAEN,6DAEM,eAAgB,CADhB,oBAEF,CAEJ,qDACM,UACF,CAEJ,wEACU,mBACF,CAER,oFACY,uBACF,CAEV,kEAEQ,kBAAmB,CACnB,cAAe,CAFf,YAGF,CAEN,8EAYU,6BAA8B,CAF9B,UAAW,CATX,oBAAqB,CAErB,aAAc,CAGd,WAAY,CAEZ,cAAgB,CAMhB,yEAAoD,CAE5C,iEAA4C,CACpD,uBAAwB,CAChB,eAAgB,CAbxB,UAcF,CAER,6EACU,kDACF,CAER,0FAEY,sBACF,CAIV,gCACI,aACF"}
+{"version":3,"file":"styles-content-section.01ee04d014688a05.css","sources":["webpack://@mdn/fred/./components/code-example/common.css","webpack://@mdn/fred/./components/prev-next/index.css","webpack://@mdn/fred/./components/notecard/index.css","webpack://@mdn/fred/./components/code-example/prism.css","webpack://@mdn/fred/./components/content-section/server.css"],"sourcesContent":[".code-example {\n  --border: 1px solid var(--color-border-primary);\n  overflow: hidden;\n  border: var(--border);\n  border-radius: 0.25rem;\n}.code-example .example-header {\n    display: flex;\n\n    align-items: center;\n\n    min-height: 3.1rem;\n\n    padding: 0.5rem 1rem;\n\n    line-height: var(--font-line-ui);\n\n    border-bottom: var(--border);\n  }:is(.code-example .example-header) .language-name {\n      text-transform: uppercase;\n    }.code-example pre {\n    display: flex;\n\n    margin: 0;\n\n    white-space: pre-wrap;\n\n    background-color: var(--color-background-secondary);\n  }:is(.code-example pre) code {\n      flex-grow: 1;\n      flex-shrink: 1;\n\n      padding: 1rem;\n\n      overflow: auto;\n\n      font-family: var(--font-family-code);\n\n      background-color: transparent;\n    }.hidden:is(.code-example pre),[class*=\"interactive-example\"]:is(.code-example pre) {\n      display: none;\n    }:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre))::after {\n        display: inline-block;\n\n        flex-shrink: 0;\n\n        width: 1.24rem;\n        height: 1.24rem;\n\n        margin: 1.255rem 1rem;\n\n        content: \"\";\n\n        -webkit-mask-size: cover;\n\n                mask-size: cover;\n      }.example-good:is(.code-example pre) {\n      background-color: var(--color-background-green);\n    }.example-good:is(.code-example pre)::after {\n        background-color: var(--color-text-green);\n        -webkit-mask-image: url(\"../icon/circle-check.svg\");\n                mask-image: url(\"../icon/circle-check.svg\");\n      }.example-bad:is(.code-example pre) {\n      background-color: var(--color-background-red);\n    }.example-bad:is(.code-example pre)::after {\n        background-color: var(--color-text-red);\n        -webkit-mask-image: url(\"../icon/circle-x.svg\");\n                mask-image: url(\"../icon/circle-x.svg\");\n      }.code-example:has(.hidden,[class*=\"interactive-example\"]) {\n    /* TODO: we might want to fix this in rari */\n    display: none;\n  }.code-example iframe,.code-example mdn-play-runner {\n    box-sizing: content-box;\n    display: block;\n\n    padding: 1rem;\n\n    border: none;\n  }\n","/* Tutorial nav. */\n.prev-next {\n  display: flex;\n\n  flex-wrap: nowrap;\n\n  gap: 1rem;\n  justify-content: space-between;\n\n  width: 100%;\n\n  padding: 0.5rem;\n  margin: 0;\n\n  list-style: none;\n\n  border: 1px solid var(--color-border-primary);\n  border-width: 1px 0;\n}\n.prev-next a {\n    color: var(--color-link-normal) !important;\n    text-wrap: balance;\n  }\n:is(.prev-next a):visited {\n      color: var(--color-link-visited) !important;\n    }\n@media (width <= 426px) {\n.prev-next {\n    display: grid;\n    grid-template-areas:\n      \"title title\"\n      \"prev next\";\n}\n\n    .prev-next li.menu {\n      grid-area: title;\n      justify-self: center;\n    }\n\n    .prev-next li.prev {\n      grid-area: prev;\n      justify-self: start;\n    }\n\n    .prev-next li.next {\n      grid-area: next;\n      justify-self: end;\n    }\n  }\n.prev-next .prev a,.prev-next .next a {\n    display: flex;\n    gap: 0.25rem;\n    align-items: center;\n  }\n.prev-next li {\n    display: flex;\n\n    flex-wrap: nowrap;\n\n    place-items: center;\n\n    background: none;\n  }\n:is(.prev-next li) .button {\n      color: inherit;\n      background-color: inherit;\n      border: inherit;\n    }\n:is(:is(.prev-next li) .button):hover {\n        -webkit-text-decoration: underline;\n        text-decoration: underline;\n      }\n.prev:is(.prev-next li) a::before,.next:is(.prev-next li) a::after {\n      display: inline-block;\n\n      width: 1em;\n      height: 1em;\n\n      vertical-align: middle;\n\n      content: \"\";\n\n      background-color: currentcolor;\n\n      -webkit-mask-size: cover;\n\n              mask-size: cover;\n    }\n.prev:is(.prev-next li) {\n      margin-right: auto;\n    }\n.prev:is(.prev-next li) a::before {\n        -webkit-mask-image: url(\"../icon/arrow-left.svg\");\n                mask-image: url(\"../icon/arrow-left.svg\");\n      }\n.prev:is(.prev-next li) ~ .menu:is(.prev-next li) {\n      margin-right: auto;\n      margin-left: auto;\n      text-align: center;\n    }\n.next:is(.prev-next li) {\n      margin-left: auto;\n    }\n.next:is(.prev-next li) a::after {\n        -webkit-mask-image: url(\"../icon/arrow-right.svg\");\n                mask-image: url(\"../icon/arrow-right.svg\");\n      }\n",".notecard,\n.callout {\n  position: relative;\n\n  padding-block: 1px;\n  padding-inline: 1em;\n  padding-inline-start: 3em;\n  margin-block: 1em;\n\n  color: var(--color-text-primary);\n\n  background-color: var(--color-background-secondary);\n  border-inline-start: 2px solid\n    var(--accent-color, var(--color-text-secondary));\n  border-radius: 0.25em;\n}.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.experimental:is(.notecard,.callout) {\n    background-color: var(--color-background-blue);\n    --accent-color: var(--color-text-blue);\n  }.warning:is(.notecard,.callout),.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout) {\n    background-color: var(--color-background-red);\n    --accent-color: var(--color-text-red);\n  }.tip:is(.notecard,.callout) {\n    background-color: var(--color-background-green);\n    --accent-color: var(--color-text-green);\n  }:is(.deprecated:is(.notecard,.callout),.experimental:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.tip:is(.notecard,.callout),.warning:is(.notecard,.callout),.worker:is(.notecard,.callout))::before {\n      position: absolute;\n      top: 1.45em;\n      left: 1em;\n\n      display: block;\n\n      width: 1em;\n      height: 1em;\n\n      content: \"\";\n\n      background-color: var(--accent-color, var(--color-text-secondary));\n\n      -webkit-mask-size: cover;\n\n              mask-size: cover;\n    }.deprecated:is(.notecard,.callout)::before {\n    /* e.g. Window: blur() method */\n    -webkit-mask-image: url(\"../icon/trash-2.svg\");\n            mask-image: url(\"../icon/trash-2.svg\");\n  }.experimental:is(.notecard,.callout)::before {\n    /* e.g. Barcode Detection API */\n    -webkit-mask-image: url(\"../icon/flask-conical.svg\");\n            mask-image: url(\"../icon/flask-conical.svg\");\n  }.nonstandard:is(.notecard,.callout)::before {\n    /* e.g. Document: caretRangeFromPoint() method */\n    -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n            mask-image: url(\"../icon/triangle-alert.svg\");\n  }.note:is(.notecard,.callout)::before {\n    /* e.g. Barcode Detection API */\n    -webkit-mask-image: url(\"../icon/info.svg\");\n            mask-image: url(\"../icon/info.svg\");\n  }.secure:is(.notecard,.callout)::before {\n    /* e.g. Barcode Detection API */\n    -webkit-mask-image: url(\"../icon/lock.svg\");\n            mask-image: url(\"../icon/lock.svg\");\n  }.tip:is(.notecard,.callout)::before {\n    /* (Not used in content yet) */\n    -webkit-mask-image: url(\"../icon/lightbulb.svg\");\n            mask-image: url(\"../icon/lightbulb.svg\");\n  }.warning:is(.notecard,.callout)::before {\n    /* e.g. Navigator: scheduling property */\n    -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n            mask-image: url(\"../icon/triangle-alert.svg\");\n  }.worker:is(.notecard,.callout)::before {\n    /* e.g. Worker: Worker() constructor (needs rari change) */\n    -webkit-mask-image: url(\"../icon/cog.svg\");\n            mask-image: url(\"../icon/cog.svg\");\n  }\n","\n  :is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.prolog,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.cdata {\n    --csstools-light-dark-toggle-360cf513-0: var(--csstools-color-scheme--light) #b3b3b3;\n    color: var(--csstools-light-dark-toggle-360cf513-0, #51565d);\n    color: light-dark(#51565d, #b3b3b3);\n  }:is(.code-example,.css-formal-syntax) .token.punctuation {\n    --csstools-light-dark-toggle-360cf513-1: var(--csstools-color-scheme--light) #b3b3b3;\n    color: var(--csstools-light-dark-toggle-360cf513-1, #51565d);\n    color: light-dark(#51565d, #b3b3b3);\n  }:is(.code-example,.css-formal-syntax) .token.attr-name,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.property,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function {\n    --csstools-light-dark-toggle-360cf513-2: var(--csstools-color-scheme--light) #ff97a0;\n    color: var(--csstools-light-dark-toggle-360cf513-2, #d30038);\n    color: light-dark(#d30038, #ff97a0);\n  }:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value {\n    --csstools-light-dark-toggle-360cf513-3: var(--csstools-color-scheme--light) #00d061;\n    color: var(--csstools-light-dark-toggle-360cf513-3, #007936);\n    color: light-dark(#007936, #00d061);\n  }:is(.code-example,.css-formal-syntax) .token.keyword {\n    --csstools-light-dark-toggle-360cf513-4: var(--csstools-color-scheme--light) #c1cff1;\n    color: var(--csstools-light-dark-toggle-360cf513-4, #0069c2);\n    color: light-dark(#0069c2, #c1cff1);\n  }:is(.code-example,.css-formal-syntax) .token.tag,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.deleted {\n    --csstools-light-dark-toggle-360cf513-5: var(--csstools-color-scheme--light) #00d061;\n    color: var(--csstools-light-dark-toggle-360cf513-5, #007936);\n    color: light-dark(#007936, #00d061);\n  }:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.template-string > .token.string,:is(.code-example,.css-formal-syntax) .token.inserted {\n    --csstools-light-dark-toggle-360cf513-6: var(--csstools-color-scheme--light) #bea5ff;\n    color: var(--csstools-light-dark-toggle-360cf513-6, #872bff);\n    color: light-dark(#872bff, #bea5ff);\n  }:is(.code-example,.css-formal-syntax) .token.important,:is(.code-example,.css-formal-syntax) .token.bold {\n    font-weight: bold;\n  }:is(.code-example,.css-formal-syntax) .token.italic {\n    font-style: italic;\n  }:is(.code-example,.css-formal-syntax) .token.entity {\n    cursor: help;\n  }\n","@import url(\"../code-example/common.css\");\n@import url(\"../prev-next/index.css\");\n@import url(\"../notecard/index.css\");\n@import url(\"../code-example/prism.css\");\n\n.content-section {\n  line-height: var(--font-line-content);\n}\n\n.content-section :target {\n    scroll-margin-top: var(--sticky-header-height);\n  }\n\n.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6 {\n    margin: 1rem 0 0;\n    font-weight: var(--font-weight-normal);\n  }\n\n.content-section h2 {\n    font-size: var(--font-size-larger);\n  }\n\n.content-section h3 {\n    font-size: var(--font-size-large);\n  }\n\n.content-section h4 {\n    font-size: var(--font-size-medium);\n  }\n\n.content-section h5,.content-section h6 {\n    font-size: var(--font-size-normal);\n    font-weight: var(--font-weight-bold);\n  }\n\n:is(.content-section a):visited {\n      color: var(--color-link-visited);\n    }\n\n/* Regular links */\n\n:is(.content-section a):not([href^=\"#\"]) {\n      -webkit-text-decoration: underline;\n      text-decoration: underline;\n    }\n\n:is(.content-section a):not([href^=\"#\"]):hover {\n        -webkit-text-decoration: none;\n        text-decoration: none;\n      }\n\n/* Anchor links */\n\n[href^=\"#\"]:is(.content-section a) {\n      -webkit-text-decoration: none;\n      text-decoration: none;\n    }\n\n[href^=\"#\"]:is(.content-section a):hover {\n        -webkit-text-decoration: underline;\n        text-decoration: underline;\n      }\n\n.content-section blockquote {\n    margin-inline: 0;\n    color: var(--color-text-secondary);\n    border-inline-start: 0.25rem solid var(--color-border-primary);\n  }\n\n:is(.content-section blockquote)  > p {\n      padding: 1rem 2rem;\n    }\n\n.content-section pre,.content-section code {\n    font-family: var(--font-family-code);\n    background-color: var(--color-background-secondary);\n  }\n\n.content-section pre {\n    white-space: pre-wrap;\n  }\n\n.content-section pre:not(.code-example pre) {\n    padding: 1rem;\n\n    overflow: auto;\n\n    border: 1px solid var(--color-border-primary);\n    border-radius: 0.25rem;\n  }\n\n.css-formal-syntax:is(.content-section pre:not(.code-example pre)) {\n      margin-bottom: 0;\n\n      text-wrap: wrap;\n\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n\n.css-formal-syntax:is(.content-section pre:not(.code-example pre))  ~ footer {\n        padding: 0.5rem 1rem;\n        margin-bottom: 1rem;\n\n        border: 1px solid var(--color-border-primary);\n        border-top: 0;\n        border-bottom-right-radius: 0.25rem;\n        border-bottom-left-radius: 0.25rem;\n      }\n\n.content-section code {\n    padding: 0.125em 0.25em;\n    border-radius: var(--radius-normal);\n  }\n\n.content-section kbd {\n    padding: 0.0625em 0.125em;\n\n    font-family: var(--font-family-code);\n\n    color: var(--color-text-secondary);\n\n    background-color: var(--color-background-primary);\n    border: 1px solid var(--color-border-primary);\n    border-bottom-width: 2px;\n    border-radius: var(--radius-normal);\n  }\n\n.content-section img {\n    display: block;\n\n    margin: 2rem auto;\n\n    background-color: var(--color-white);\n    border: 1px solid var(--color-border-primary);\n    border-radius: 0.25rem;\n  }\n\n.content-section table {\n    width: 100%;\n    border-collapse: collapse;\n  }\n\n:is(.content-section table) tr {\n      background-color: var(--color-background-primary);\n    }\n\n:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n) {\n      background-color: var(--color-background-page);\n    }\n\n:is(.content-section table) th,:is(.content-section table) td {\n      padding: 0.5rem 0.75rem;\n      border: 1px solid var(--color-border-primary);\n    }\n\n:is(.content-section table) th {\n      font-weight: var(--font-weight-bold);\n      text-align: left;\n    }\n\n.properties:is(.content-section table) th,.properties:is(.content-section table) td {\n        border-width: 1px 0;\n      }\n\n.properties:is(.content-section table) th {\n        font-weight: var(--font-weight-bold);\n        background-color: transparent;\n      }\n\n.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result {\n    margin: 1rem 0;\n  }\n\n:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result) + :is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result) {\n      margin-top: 1.5rem;\n    }\n\n.content-section interactive-example {\n    display: block;\n    height: 375px;\n    margin: 1rem 0;\n  }\n\n[name^=\"JavaScript Demo:\" i]:is(.content-section interactive-example) {\n      height: 444px;\n    }\n\n[height=\"shorter\"]:is(.content-section interactive-example) {\n      height: 364px;\n    }\n\n[height=\"taller\"]:is(.content-section interactive-example) {\n      height: 654px;\n    }\n\n[height=\"tabbed-shorter\"]:is(.content-section interactive-example) {\n      height: 351px;\n      margin-top: 1.5rem;\n    }\n\n[height=\"tabbed-standard\"]:is(.content-section interactive-example) {\n      height: 421px;\n    }\n\n[height=\"tabbed-taller\"]:is(.content-section interactive-example) {\n      height: 631px;\n    }\n\n@media (width <= 992px) {\n\n.content-section interactive-example {\n      height: 675px;\n  }\n\n      [name^=\"JavaScript Demo:\" i]:is(.content-section interactive-example) {\n        height: 513px;\n      }\n\n      [height=\"shorter\"]:is(.content-section interactive-example) {\n        height: 433px;\n      }\n\n      [height=\"taller\"]:is(.content-section interactive-example) {\n        height: 725px;\n      }\n\n      [height=\"tabbed-shorter\"]:is(.content-section interactive-example) {\n        height: 487px;\n      }\n\n      [height=\"tabbed-standard\"]:is(.content-section interactive-example) {\n        height: 548px;\n      }\n\n      [height=\"tabbed-taller\"]:is(.content-section interactive-example) {\n        height: 774px;\n      }\n    }\n\n/* Definition list */\n\n:is(.content-section dl) dl {\n      padding-left: 1rem;\n      border-left: 1px solid var(--color-border-primary);\n    }\n\n:is(.content-section dl) dd {\n      margin-left: 1rem;\n\n      /* Move description closer to term. */\n    }\n\n:is(:is(.content-section dl) dd) p:first-child {\n        margin-top: 0.5rem;\n      }\n\n:is(.content-section dl) ul {\n      margin: 1rem 0 2rem;\n    }\n\n:is(.content-section dl) dt a[href^=\"#\"] {\n      color: inherit;\n    }\n\n:is(:is(.content-section dl) dt a[href^=\"#\"]):hover::before {\n        position: absolute;\n\n        margin-top: 0.3em;\n        margin-left: -0.9em;\n\n        font-size: var(--font-size-small);\n\n        color: var(--color-text-secondary);\n\n        content: \"#\";\n      }\n\n:is(.content-section ul.specifications-list) li:has(details) {\n      margin-left: -1.25rem;\n      list-style: none;\n    }\n\n:is(.content-section ul.specifications-list) details {\n      width: 100%;\n    }\n\n[open]:is(:is(.content-section ul.specifications-list) details)  > summary {\n          margin-bottom: 0.5rem;\n        }\n\n:is([open]:is(:is(.content-section ul.specifications-list) details) > summary)::before {\n            transform: rotate(90deg);\n          }\n\n:is(:is(.content-section ul.specifications-list) details) summary {\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n      }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary)::before {\n          display: inline-block;\n\n          flex-shrink: 0;\n\n          width: 1rem;\n          height: 1rem;\n\n          margin: 0.125rem;\n\n          content: \"\";\n\n          background-color: currentcolor;\n\n          -webkit-mask-image: url(\"../icon/chevron-right.svg\");\n\n                  mask-image: url(\"../icon/chevron-right.svg\");\n          -webkit-mask-size: cover;\n                  mask-size: cover;\n        }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary):hover {\n          background-color: var(--color-background-secondary);\n        }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover) {\n            /* Don't highlight, as link click doesn't toggle. */\n            background-color: unset;\n          }\n\n/* Article footer */\n\n.content-section.article-footer {\n    margin: 2rem 0;\n  }\n"],"names":[],"mappings":"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"}

package/out/static/client/styles-content-section.4ebcf9edf977159a.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="7360";export const __rspack_esm_ids=["7360"];export const __webpack_modules__={60928(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-content-section.4ebcf9edf977159a.js";s.C(e),s(s.s=60928);

package/out/static/client/styles-contributor-spotlight.f585c3be560baa36.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="7699";export const __rspack_esm_ids=["7699"];export const __webpack_modules__={91515(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as o from"./styles-contributor-spotlight.f585c3be560baa36.js";s.C(o),s(s.s=91515);

package/out/static/client/styles-curriculum-about.df2a58fdc99668aa.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="3987";export const __rspack_esm_ids=["3987"];export const __webpack_modules__={36552(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as _ from"./styles-curriculum-about.df2a58fdc99668aa.js";s.C(_),s(s.s=36552);

package/out/static/client/styles-curriculum-default.87a662ae2e005fdc.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="5680";export const __rspack_esm_ids=["5680"];export const __webpack_modules__={22064(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-curriculum-default.87a662ae2e005fdc.js";s.C(e),s(s.s=22064);

package/out/static/client/styles-curriculum-landing.9af582d4a3e0692e.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="8086";export const __rspack_esm_ids=["8086"];export const __webpack_modules__={33634(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-curriculum-landing.9af582d4a3e0692e.js";s.C(e),s(s.s=33634);

package/out/static/client/styles-curriculum-module.f87720da3b256bba.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="365";export const __rspack_esm_ids=["365"];export const __webpack_modules__={26945(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-curriculum-module.f87720da3b256bba.js";s.C(e),s(s.s=26945);

package/out/static/client/styles-curriculum-overview.16cdc5cb80128597.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="2670";export const __rspack_esm_ids=["2670"];export const __webpack_modules__={50554(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-curriculum-overview.16cdc5cb80128597.js";s.C(e),s(s.s=50554);

package/out/static/client/styles-featured-articles.950585abbd167c3f.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="353";export const __rspack_esm_ids=["353"];export const __webpack_modules__={28045(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-featured-articles.950585abbd167c3f.js";s.C(e),s(s.s=28045);

package/out/static/client/styles-footer.f49c80542ef1fffb.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="1856";export const __rspack_esm_ids=["1856"];export const __webpack_modules__={88504(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-footer.f49c80542ef1fffb.js";s.C(e),s(s.s=88504);

package/out/static/client/styles-generic-about.b208cb4d9b62f6c5.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="1174";export const __rspack_esm_ids=["1174"];export const __webpack_modules__={36306(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-generic-about.b208cb4d9b62f6c5.js";s.C(e),s(s.s=36306);

package/out/static/client/styles-generic-community.264a7b11b708e2ae.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="378";export const __rspack_esm_ids=["378"];export const __webpack_modules__={10646(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-generic-community.264a7b11b708e2ae.js";s.C(e),s(s.s=10646);

package/out/static/client/styles-generic-content.bd4990121f075489.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="110";export const __rspack_esm_ids=["110"];export const __webpack_modules__={62866(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-generic-content.bd4990121f075489.js";s.C(e),s(s.s=62866);

package/out/static/client/styles-generic-layout.1bc69c25775219ab.css

@@ -0,0 +1,2 @@
+.generic-layout__content,.generic-layout__toc{padding-block:2rem}
+/*# sourceMappingURL=styles-generic-layout.1bc69c25775219ab.css.map*/

package/out/static/client/styles-generic-layout.1bc69c25775219ab.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-generic-layout.1bc69c25775219ab.css","sources":["webpack://@mdn/fred/./components/generic-layout/server.css"],"sourcesContent":["@import url(\"../layout/2-sidebars.css\");\n\n/* Generic Layout */\n\n/* Content */\n.generic-layout__content {\n  padding-block: 2rem;\n}\n\n/* TOC */\n.generic-layout__toc {\n  padding-block: 2rem;\n}\n"],"names":[],"mappings":"AAUA,8CACE,kBACF"}

package/out/static/client/styles-generic-layout.518d8e7529d6d1e8.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="9857";export const __rspack_esm_ids=["9857"];export const __webpack_modules__={70605(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-generic-layout.518d8e7529d6d1e8.js";s.C(e),s(s.s=70605);

package/out/static/client/styles-generic-sidebar.a304a0ae4ff5d9d0.css

@@ -0,0 +1,2 @@
+.generic-sidebar{--color-accent:var(--color-blue-50);--color-background-accent:var(--color-background-blue);--csstools-light-dark-toggle-c8921981-0:var(--csstools-color-scheme--light) var(--color-gray-20);--color-border-items:var(--csstools-light-dark-toggle-c8921981-0,var(--color-gray-80));margin-bottom:2rem;padding-block:2rem}@supports (color:light-dark(red,red)){.generic-sidebar{--color-border-items:light-dark(var(--color-gray-80),var(--color-gray-20))}}@supports not (color:light-dark(tan,tan)){.generic-sidebar *{--csstools-light-dark-toggle-c8921981-0:var(--csstools-color-scheme--light) var(--color-gray-20);--color-border-items:var(--csstools-light-dark-toggle-c8921981-0,var(--color-gray-80))}}:is(.generic-sidebar .generic-sidebar__header) h2{color:var(--color-text-secondary);font-size:var(--font-size-large);font-weight:var(--font-weight-normal);letter-spacing:1.5px;line-height:1.2;margin:0 0 1rem}.generic-sidebar .generic-sidebar__list{font-size:var(--font-size-small);list-style:none;padding-left:0}.generic-sidebar .generic-sidebar__item{margin:0}.generic-sidebar .generic-sidebar__link{border-left:2px solid var(--color-border-items);color:var(--color-text-secondary);display:inline-block;padding:.5rem 1rem;-webkit-text-decoration:none;text-decoration:none}:is(.generic-sidebar .generic-sidebar__link):active,:is(.generic-sidebar .generic-sidebar__link):hover{color:var(--color-accent)}[aria-current=true]:is(.generic-sidebar .generic-sidebar__link){background-color:var(--color-background-accent);border-bottom-right-radius:.25rem;border-left:2px solid var(--color-accent);border-top-right-radius:.25rem;font-weight:var(--font-weight-bold)}.generic-sidebar em{align-items:baseline;background-color:var(--color-background-accent);border-left:2px solid var(--color-accent);font-style:normal;padding:.25em 0}.generic-sidebar--plus{--color-accent:var(--color-text-red);--color-background-accent:var(--color-background-red)}.generic-sidebar--observatory{--color-accent:var(--color-text-purple);--color-background-accent:var(--color-background-purple)}
+/*# sourceMappingURL=styles-generic-sidebar.a304a0ae4ff5d9d0.css.map*/

package/out/static/client/styles-generic-sidebar.a304a0ae4ff5d9d0.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-generic-sidebar.a304a0ae4ff5d9d0.css","sources":["webpack://@mdn/fred/./components/generic-sidebar/server.css"],"sourcesContent":[".generic-sidebar {\n  --color-accent: var(--color-blue-50);\n  --color-background-accent: var(--color-background-blue);\n  --csstools-light-dark-toggle-c8921981-0: var(--csstools-color-scheme--light) var(--color-gray-20);\n  --color-border-items: var(--csstools-light-dark-toggle-c8921981-0, var(--color-gray-80));\n  padding-block: 2rem;\n  margin-bottom: 2rem;\n}\n\n@supports (color: light-dark(red, red)) {\n.generic-sidebar {\n  --color-border-items: light-dark(var(--color-gray-80), var(--color-gray-20));\n}\n}\n\n@supports not (color: light-dark(tan, tan)) {\n\n.generic-sidebar * {\n  --csstools-light-dark-toggle-c8921981-0: var(--csstools-color-scheme--light) var(--color-gray-20);\n  --color-border-items: var(--csstools-light-dark-toggle-c8921981-0, var(--color-gray-80));\n  }\n}\n\n:is(.generic-sidebar .generic-sidebar__header) h2 {\n      margin: 0 0 1rem;\n\n      font-size: var(--font-size-large);\n      font-weight: var(--font-weight-normal);\n\n      line-height: 1.2;\n\n      color: var(--color-text-secondary);\n\n      letter-spacing: 1.5px;\n    }\n\n.generic-sidebar .generic-sidebar__list {\n    padding-left: 0;\n    font-size: var(--font-size-small);\n    list-style: none;\n  }\n\n.generic-sidebar .generic-sidebar__item {\n    margin: 0;\n  }\n\n.generic-sidebar .generic-sidebar__link {\n    display: inline-block;\n\n    padding: 0.5rem 1rem;\n\n    color: var(--color-text-secondary);\n\n    -webkit-text-decoration: none;\n\n    text-decoration: none;\n\n    border-left: 2px solid var(--color-border-items);\n  }\n\n:is(.generic-sidebar .generic-sidebar__link):hover,:is(.generic-sidebar .generic-sidebar__link):active {\n      color: var(--color-accent);\n    }\n\n[aria-current=\"true\"]:is(.generic-sidebar .generic-sidebar__link) {\n      font-weight: var(--font-weight-bold);\n\n      background-color: var(--color-background-accent);\n      border-left: 2px solid var(--color-accent);\n      border-top-right-radius: 0.25rem;\n      border-bottom-right-radius: 0.25rem;\n    }\n\n.generic-sidebar em {\n    align-items: baseline;\n\n    padding: 0.25em 0;\n\n    font-style: normal;\n\n    background-color: var(--color-background-accent);\n    border-left: 2px solid var(--color-accent);\n  }\n\n.generic-sidebar--plus {\n  --color-accent: var(--color-text-red);\n  --color-background-accent: var(--color-background-red);\n}\n\n.generic-sidebar--observatory {\n  --color-accent: var(--color-text-purple);\n  --color-background-accent: var(--color-background-purple);\n}\n"],"names":[],"mappings":"AAAA,iBACE,mCAAoC,CACpC,sDAAuD,CACvD,gGAAiG,CACjG,sFAAwF,CAExF,kBAAmB,CADnB,kBAEF,CAEA,sCACA,iBACE,0EACF,CACA,CAEA,0CAEA,mBACE,gGAAiG,CACjG,sFACA,CACF,CAEA,kDAQM,iCAAkC,CALlC,gCAAiC,CACjC,qCAAsC,CAMtC,oBAAqB,CAJrB,eAAgB,CALhB,eAUF,CAEJ,wCAEI,gCAAiC,CACjC,eAAgB,CAFhB,cAGF,CAEF,wCACI,QACF,CAEF,wCAWI,+CAAgD,CANhD,iCAAkC,CAJlC,oBAAqB,CAErB,kBAAoB,CAIpB,4BAA6B,CAE7B,oBAGF,CAEF,uGACM,yBACF,CAEJ,gEAGM,+CAAgD,CAGhD,iCAAmC,CAFnC,yCAA0C,CAC1C,8BAAgC,CAJhC,mCAMF,CAEJ,oBACI,oBAAqB,CAMrB,+CAAgD,CAChD,yCAA0C,CAH1C,iBAAkB,CAFlB,eAMF,CAEF,uBACE,oCAAqC,CACrC,qDACF,CAEA,8BACE,uCAAwC,CACxC,wDACF"}

package/out/static/client/styles-generic-sidebar.a6ddb6ad375b6dea.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="4395";export const __rspack_esm_ids=["4395"];export const __webpack_modules__={11835(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-generic-sidebar.a6ddb6ad375b6dea.js";s.C(e),s(s.s=11835);

package/out/static/client/styles-generic-toc.25a47b5903329e13.js

@@ -0,0 +1 @@
+export const __rspack_esm_id="5833";export const __rspack_esm_ids=["5833"];export const __webpack_modules__={637(){}};import{__webpack_require__ as s}from"./styles.298615289719f0aa.js";import*as e from"./styles-generic-toc.25a47b5903329e13.js";s.C(e),s(s.s=637);

package/out/static/client/styles-generic-toc.b6981465a649e2b6.css

@@ -0,0 +1,2 @@
+.generic-toc .generic-toc__header{color:var(--color-text-secondary);font-size:var(--font-size-large);font-weight:var(--font-weight-normal);letter-spacing:1.5px;line-height:1.2;margin:0 0 1rem}.generic-toc .generic-toc__list{font-size:var(--font-size-small);list-style:none;padding-left:0}.generic-toc .generic-toc__item{margin:0}.generic-toc .generic-toc__link{border-left:2px solid var(--color-border-items);color:var(--color-text-secondary);display:inline-block;padding:.5rem 1rem;-webkit-text-decoration:none;text-decoration:none}:is(.generic-toc .generic-toc__link):active,:is(.generic-toc .generic-toc__link):hover{color:var(--color-accent)}[aria-current=true]:is(.generic-toc .generic-toc__link){background-color:var(--color-background-accent);border-bottom-right-radius:.25rem;border-left:2px solid var(--color-accent);border-top-right-radius:.25rem;font-weight:var(--font-weight-bold)}.generic-toc em{align-items:baseline;background-color:var(--color-background-accent);border-left:2px solid var(--color-accent);font-style:normal;padding:.25em 0}.generic-toc--plus{--color-accent:var(--color-text-red);--color-background-accent:var(--color-background-red)}.generic-toc--observatory{--color-accent:var(--color-text-purple);--color-background-accent:var(--color-background-purple)}
+/*# sourceMappingURL=styles-generic-toc.b6981465a649e2b6.css.map*/

package/out/static/client/styles-generic-toc.b6981465a649e2b6.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-generic-toc.b6981465a649e2b6.css","sources":["webpack://@mdn/fred/./components/generic-toc/server.css"],"sourcesContent":["\n  .generic-toc .generic-toc__header {\n    margin: 0 0 1rem;\n\n    font-size: var(--font-size-large);\n    font-weight: var(--font-weight-normal);\n\n    line-height: 1.2;\n\n    color: var(--color-text-secondary);\n\n    letter-spacing: 1.5px;\n  }\n\n.generic-toc .generic-toc__list {\n    padding-left: 0;\n    font-size: var(--font-size-small);\n    list-style: none;\n  }\n\n.generic-toc .generic-toc__item {\n    margin: 0;\n  }\n\n.generic-toc .generic-toc__link {\n    display: inline-block;\n\n    padding: 0.5rem 1rem;\n\n    color: var(--color-text-secondary);\n\n    -webkit-text-decoration: none;\n\n    text-decoration: none;\n\n    border-left: 2px solid var(--color-border-items);\n  }\n\n:is(.generic-toc .generic-toc__link):hover,:is(.generic-toc .generic-toc__link):active {\n      color: var(--color-accent);\n    }\n\n[aria-current=\"true\"]:is(.generic-toc .generic-toc__link) {\n      font-weight: var(--font-weight-bold);\n\n      background-color: var(--color-background-accent);\n      border-left: 2px solid var(--color-accent);\n      border-top-right-radius: 0.25rem;\n      border-bottom-right-radius: 0.25rem;\n    }\n\n.generic-toc em {\n    align-items: baseline;\n\n    padding: 0.25em 0;\n\n    font-style: normal;\n\n    background-color: var(--color-background-accent);\n    border-left: 2px solid var(--color-accent);\n  }\n\n.generic-toc--plus {\n  --color-accent: var(--color-text-red);\n  --color-background-accent: var(--color-background-red);\n}\n\n.generic-toc--observatory {\n  --color-accent: var(--color-text-purple);\n  --color-background-accent: var(--color-background-purple);\n}\n"],"names":[],"mappings":"AACE,kCAQE,iCAAkC,CALlC,gCAAiC,CACjC,qCAAsC,CAMtC,oBAAqB,CAJrB,eAAgB,CALhB,eAUF,CAEF,gCAEI,gCAAiC,CACjC,eAAgB,CAFhB,cAGF,CAEF,gCACI,QACF,CAEF,gCAWI,+CAAgD,CANhD,iCAAkC,CAJlC,oBAAqB,CAErB,kBAAoB,CAIpB,4BAA6B,CAE7B,oBAGF,CAEF,uFACM,yBACF,CAEJ,wDAGM,+CAAgD,CAGhD,iCAAmC,CAFnC,yCAA0C,CAC1C,8BAAgC,CAJhC,mCAMF,CAEJ,gBACI,oBAAqB,CAMrB,+CAAgD,CAChD,yCAA0C,CAH1C,iBAAkB,CAFlB,eAMF,CAEF,mBACE,oCAAqC,CACrC,qDACF,CAEA,0BACE,uCAAwC,CACxC,wDACF"}

package/out/static/client/styles-global.b5c1c00652883917.js

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

package/out/static/client/{styles-global.2db431c11b66274e.css → styles-global.d24cf1d2734970c9.css}

@@ -1,2 +1,2 @@
-.badge.inline.optional,.badge.inline.readonly,.badge.inline.secure{border:1px solid var(--color-border-primary);border-radius:1em;color:var(--color-text-secondary);font-size:var(--font-size-small);padding:.25em .5em;vertical-align:text-top;white-space:nowrap}mdn-code-example{display:block}mdn-button{display:inline-flex;vertical-align:middle}:root{--csstools-light-dark-toggle-baa18a82-0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle-baa18a82-0,var(--color-gray-60));--csstools-light-dark-toggle-baa18a82-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-border-secondary:var(--csstools-light-dark-toggle-baa18a82-1,var(--color-gray-40));--csstools-light-dark-toggle-baa18a82-2:var(--csstools-color-scheme--light) var(--color-blue-80);--color-border-active:var(--csstools-light-dark-toggle-baa18a82-2,var(--color-blue-50))}@supports (color:light-dark(red,red)){:root{--color-border-primary:light-dark(var(--color-gray-60),var(--color-gray-40));--color-border-secondary:light-dark(var(--color-gray-40),var(--color-gray-60));--color-border-active:light-dark(var(--color-blue-50),var(--color-blue-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-baa18a82-0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle-baa18a82-0,var(--color-gray-60));--csstools-light-dark-toggle-baa18a82-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-border-secondary:var(--csstools-light-dark-toggle-baa18a82-1,var(--color-gray-40));--csstools-light-dark-toggle-baa18a82-2:var(--csstools-color-scheme--light) var(--color-blue-80);--color-border-active:var(--csstools-light-dark-toggle-baa18a82-2,var(--color-blue-50))}}:root{--csstools-light-dark-toggle-29c9dff5-0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle-29c9dff5-0,var(--color-white));--csstools-light-dark-toggle-29c9dff5-1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle-29c9dff5-1,var(--color-gray-90));--csstools-light-dark-toggle-29c9dff5-2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle-29c9dff5-2,var(--color-gray-80))}@supports (color:light-dark(red,red)){:root{--color-background-page:light-dark(var(--color-white),var(--color-gray-05));--color-background-primary:light-dark(var(--color-gray-90),var(--color-gray-10));--color-background-secondary:light-dark(var(--color-gray-80),var(--color-gray-20))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-29c9dff5-0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle-29c9dff5-0,var(--color-white));--csstools-light-dark-toggle-29c9dff5-1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle-29c9dff5-1,var(--color-gray-90));--csstools-light-dark-toggle-29c9dff5-2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle-29c9dff5-2,var(--color-gray-80))}}:root{--csstools-light-dark-toggle-29c9dff5-3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle-29c9dff5-3,var(--color-red-90));--csstools-light-dark-toggle-29c9dff5-4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle-29c9dff5-4,var(--color-orange-90));--csstools-light-dark-toggle-29c9dff5-5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle-29c9dff5-5,var(--color-yellow-90));--csstools-light-dark-toggle-29c9dff5-6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle-29c9dff5-6,var(--color-green-90));--csstools-light-dark-toggle-29c9dff5-7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle-29c9dff5-7,var(--color-blue-90));--csstools-light-dark-toggle-29c9dff5-8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle-29c9dff5-8,var(--color-purple-90))}@supports (color:light-dark(red,red)){:root{--color-background-red:light-dark(var(--color-red-90),var(--color-red-10));--color-background-orange:light-dark(var(--color-orange-90),var(--color-orange-10));--color-background-yellow:light-dark(var(--color-yellow-90),var(--color-yellow-10));--color-background-green:light-dark(var(--color-green-90),var(--color-green-10));--color-background-blue:light-dark(var(--color-blue-90),var(--color-blue-10));--color-background-purple:light-dark(var(--color-purple-90),var(--color-purple-10))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-29c9dff5-3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle-29c9dff5-3,var(--color-red-90));--csstools-light-dark-toggle-29c9dff5-4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle-29c9dff5-4,var(--color-orange-90));--csstools-light-dark-toggle-29c9dff5-5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle-29c9dff5-5,var(--color-yellow-90));--csstools-light-dark-toggle-29c9dff5-6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle-29c9dff5-6,var(--color-green-90));--csstools-light-dark-toggle-29c9dff5-7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle-29c9dff5-7,var(--color-blue-90));--csstools-light-dark-toggle-29c9dff5-8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle-29c9dff5-8,var(--color-purple-90))}}:root{--csstools-light-dark-toggle-e9dfdd1f-0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle-e9dfdd1f-0,var(--color-black));--csstools-light-dark-toggle-e9dfdd1f-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle-e9dfdd1f-1,var(--color-gray-40))}@supports (color:light-dark(red,red)){:root{--color-text-primary:light-dark(var(--color-black),var(--color-white));--color-text-secondary:light-dark(var(--color-gray-40),var(--color-gray-60))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-e9dfdd1f-0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle-e9dfdd1f-0,var(--color-black));--csstools-light-dark-toggle-e9dfdd1f-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle-e9dfdd1f-1,var(--color-gray-40))}}:root{--csstools-light-dark-toggle-e9dfdd1f-2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle-e9dfdd1f-2,var(--color-red-20));--csstools-light-dark-toggle-e9dfdd1f-3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle-e9dfdd1f-3,var(--color-orange-20));--csstools-light-dark-toggle-e9dfdd1f-4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle-e9dfdd1f-4,var(--color-yellow-20));--csstools-light-dark-toggle-e9dfdd1f-5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle-e9dfdd1f-5,var(--color-green-20));--csstools-light-dark-toggle-e9dfdd1f-6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle-e9dfdd1f-6,var(--color-blue-20));--csstools-light-dark-toggle-e9dfdd1f-7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle-e9dfdd1f-7,var(--color-purple-20))}@supports (color:light-dark(red,red)){:root{--color-text-red:light-dark(var(--color-red-20),var(--color-red-80));--color-text-orange:light-dark(var(--color-orange-20),var(--color-orange-80));--color-text-yellow:light-dark(var(--color-yellow-20),var(--color-yellow-80));--color-text-green:light-dark(var(--color-green-20),var(--color-green-80));--color-text-blue:light-dark(var(--color-blue-20),var(--color-blue-80));--color-text-purple:light-dark(var(--color-purple-20),var(--color-purple-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-e9dfdd1f-2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle-e9dfdd1f-2,var(--color-red-20));--csstools-light-dark-toggle-e9dfdd1f-3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle-e9dfdd1f-3,var(--color-orange-20));--csstools-light-dark-toggle-e9dfdd1f-4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle-e9dfdd1f-4,var(--color-yellow-20));--csstools-light-dark-toggle-e9dfdd1f-5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle-e9dfdd1f-5,var(--color-green-20));--csstools-light-dark-toggle-e9dfdd1f-6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle-e9dfdd1f-6,var(--color-blue-20));--csstools-light-dark-toggle-e9dfdd1f-7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle-e9dfdd1f-7,var(--color-purple-20))}}:root{--csstools-light-dark-toggle-e40c6b49-0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle-e40c6b49-0,var(--color-blue-20));--csstools-light-dark-toggle-e40c6b49-1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle-e40c6b49-1,var(--color-purple-20))}@supports (color:light-dark(red,red)){:root{--color-link-normal:light-dark(var(--color-blue-20),var(--color-blue-80));--color-link-visited:light-dark(var(--color-purple-20),var(--color-purple-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-e40c6b49-0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle-e40c6b49-0,var(--color-blue-20));--csstools-light-dark-toggle-e40c6b49-1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle-e40c6b49-1,var(--color-purple-20))}}:root{--color-scrollbar-track:#0000;--csstools-light-dark-toggle-a81cd71e-0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle-a81cd71e-0,var(--color-black-alpha-25))}@supports (color:light-dark(red,red)){:root{--color-scrollbar-thumb:light-dark(var(--color-black-alpha-25),var(--color-white-alpha-25))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-a81cd71e-0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle-a81cd71e-0,var(--color-black-alpha-25))}}:root{--color-area-background:var(--color-background-blue);--color-area-highlight-border:var(--color-blue-50);--color-area-link:var(--color-link-normal)}:root[data-current-area=learn]{--color-area-background:var(--color-background-orange);--color-area-highlight-border:var(--color-orange-50);--csstools-light-dark-toggle-9cb2d9c1-0:var(--csstools-color-scheme--light) var(--color-orange-80);--color-area-link:var(--csstools-light-dark-toggle-9cb2d9c1-0,var(--color-orange-20))}@supports (color:light-dark(red,red)){:root[data-current-area=learn]{--color-area-link:light-dark(var(--color-orange-20),var(--color-orange-80))}}@supports not (color:light-dark(tan,tan)){[data-current-area=learn]:root *{--csstools-light-dark-toggle-9cb2d9c1-0:var(--csstools-color-scheme--light) var(--color-orange-80);--color-area-link:var(--csstools-light-dark-toggle-9cb2d9c1-0,var(--color-orange-20))}}:root{--color-white:#fff;--color-white-alpha-25:#ffffff40;--color-white-alpha-75:#ffffffbf;--color-black:#000;--color-black-alpha-25:#00000040;--color-black-alpha-75:#000000bf;--color-gray-90:#f7f7f8;--color-gray-80:#edeef0;--color-gray-60:#c3c7cb;--color-gray-40:#51565d;--color-gray-20:#2d3034;--color-gray-10:#212426;--color-gray-05:#18191b;--color-red-90:#ffe6ea;--color-red-80:#fc7d92;--color-red-50:#d31232;--color-red-20:#b7102c;--color-red-10:#4b0b16;--color-orange-90:#fef3eb;--color-orange-80:#febe8f;--color-orange-50:#e2782c;--color-orange-20:#c2570a;--color-orange-10:#3f220d;--color-yellow-90:#fef0c3;--color-yellow-80:#fae49e;--color-yellow-50:#e6b30a;--color-yellow-20:#97770c;--color-yellow-10:#574405;--color-green-90:#eaf6ef;--color-green-80:#70eba3;--color-green-50:#089141;--color-green-20:#065b29;--color-green-10:#0c311c;--color-blue-90:#ecf4fe;--color-blue-80:#a4cefe;--color-blue-50:#0a5dbd;--color-blue-20:#044c9f;--color-blue-10:#072446;--color-purple-90:#f7f0ff;--color-purple-80:#d8b8ff;--color-purple-50:#863ae4;--color-purple-20:#5f1fad;--color-purple-10:#260e43}html[data-theme=light]{--csstools-color-scheme--light:initial;color-scheme:light}html[data-theme=dark]{--csstools-color-scheme--light: ;color-scheme:dark}mdn-dropdown{display:contents}mdn-dropdown:not([loaded],:focus-within) [slot=dropdown]{display:none}.external:after{background-color:currentcolor;content:"\200b" " (external)";content:"\200b"/" (external)";display:inline-block;height:1em;margin-left:.25em;-webkit-mask-image:url(/static/client/external-link.4f3a2dc8e402cae5.svg);mask-image:url(/static/client/external-link.4f3a2dc8e402cae5.svg);-webkit-mask-size:cover;mask-size:cover;vertical-align:text-top;width:1em}@font-feature-values "Inter"{@styleset{disambiguation:2}}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:normal;font-weight:100 900;src:url(/static/client/inter-latin.9a3b1bc220d426ef.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic-latin.fd2627ec16333c05.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:normal;font-weight:100 900;src:url(/static/client/inter-latin-extended.02dc98170ff37b88.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic-latin-extended.0a7409875db33654.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:normal;font-weight:100 900;src:url(/static/client/inter-cyrillic.eecfbd79d522303a.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic-cyrillic.d153dcd2916c4842.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-latin.119994ed445212c7.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-italic-latin.55b330522e5e3ed9.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-latin-extended.01c891f9c832ce28.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-italic-latin-extended.c25d5e1f309ed948.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-cyrillic.577e793cdf179ae1.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-italic-cyrillic.8d00711fdb1702e0.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}:root{--font-family-text:"Inter",sans-serif;--font-family-code:"JetBrains Mono",monospace;--font-line-content:1.75;--font-line-normal:1.5;--font-line-ui:1;--font-size-largest:2.5rem;--font-size-larger:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-normal:1rem;--font-size-small:0.8rem;--font-weight-normal:400;--font-weight-bold:600}*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}html{color:var(--color-text-primary);font-family:var(--font-family-text);font-feature-settings:"calt" 0;font-size:var(--font-size-normal);font-variant-alternates:styleset(disambiguation);line-height:var(--font-line-normal);overflow-wrap:break-word;--csstools-color-scheme--light:initial;background-color:var(--color-background-page);color-scheme:light dark;scroll-behavior:smooth}@media (prefers-color-scheme:dark){html{--csstools-color-scheme--light: }}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.icon.icon-deprecated,.icon.icon-experimental,.icon.icon-nonstandard{background-color:var(--color-text-secondary);display:inline-block;flex-shrink:0;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.icon.icon-deprecated{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.icon.icon-experimental{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.icon.icon-nonstandard{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}:root{--layout-side-padding-min:1rem;--layout-side-padding:max(var(--layout-side-padding-min),calc(50vw - 720px + 1rem));--layout-full-width:calc(100vw - var(--layout-side-padding)*2);--layout-sidebar-min:14rem;--layout-sidebar-gap:2rem;--layout-content-min:31rem;--layout-content-max:48rem;--layout-2-sidebars:[full-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end right-sidebar-end];--layout-1-sidebar-left:[full-start sidebar-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [sidebar-end left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [full-end content-end] minmax(0,1fr);--layout-1-sidebar-right:minmax(0,1fr) [full-start content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [sidebar-start right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end sidebar-end right-sidebar-end];--layout-no-sidebar:[full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end];--layout-no-sidebar-extended:[extended-full-start] var(--layout-side-padding) [full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end] var(--layout-side-padding) [extended-full-end]}mdn-live-sample-result{display:block}html a.only-in-en-us:after{content:"(en-US)";display:inline-block;font-size:.7rem;margin-left:.5ch;vertical-align:super}html[lang=de] a.only-in-en-us:after{content:"(engl.)"}html[lang=es] a.only-in-en-us:after{content:"(inglés)"}html[lang=fr] a.only-in-en-us:after{content:"(angl.)"}html[lang=ja] a.only-in-en-us:after{content:"(英語)"}html[lang=ko] a.only-in-en-us:after{content:"(영어)"}html[lang=ru] a.only-in-en-us:after{content:"(англ.)"}html[lang=pt-BR] a.only-in-en-us:after{content:"(inglês)"}html[lang=zh-CN] a.only-in-en-us:after{content:"（英语）";margin-left:unset;vertical-align:initial}html[lang=zh-TW] a.only-in-en-us:after{content:"（英語）";margin-left:unset;vertical-align:initial}.page-not-created{color:var(--color-text-red);text-decoration:underline!important;-webkit-text-decoration:underline wavy!important;text-decoration:underline wavy!important}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}:root{--csstools-color-scheme--light:initial;color-scheme:light;--layout-2-sidebars:minmax(0,1fr)!important;--layout-1-sidebar-left:minmax(0,1fr)!important;--layout-no-sidebar:minmax(0,1fr)!important}body{font-size:9pt;line-height:1.5;margin:0;padding:0}.page-layout{display:block!important;grid-template-rows:none!important;height:auto!important;min-height:auto!important}.page-layout__header{position:static!important;top:auto!important;z-index:auto!important}:root{--sticky-header-height:0!important}.article-footer,.content-section.article-footer,.footer__links,.footer__mozilla,.footer__socials,.navigation__button,.navigation__menu,.page-layout__banner,.reference-layout__sidebar,.reference-layout__toc,mdn-collection-save-button,mdn-color-theme,mdn-placement-bottom,mdn-search-button,mdn-toggle-sidebar,mdn-user-menu{display:none!important}.reference-layout{grid-template-areas:"header" "body"!important;grid-template-columns:auto!important;grid-template-rows:auto!important}a{-webkit-text-decoration:none!important;text-decoration:none!important}details.baseline-indicator>:not(summary),details.baseline-indicator[open]>:not(summary){display:none!important}details.baseline-indicator>summary::marker{display:none!important}.code-example,.default-example,.example-container,.interactive,[class*=example]{break-inside:avoid!important;display:block!important;float:none!important;height:auto!important;margin-bottom:1rem!important;overflow:visible!important;page-break-inside:avoid!important;position:static!important;width:100%!important}.footer__mdn{row-gap:0!important}interactive-example,section{clear:both!important;display:block!important;position:static!important}interactive-example{break-inside:avoid!important;page-break-inside:avoid!important}[style*="position: absolute"],[style*="position: fixed"]{position:static!important}}:root{--radius-normal:0.25rem;--radius-full:9999px}@font-face{font-display:block;font-family:BarlowCondensed-SemiBold;font-weight:var(--font-weight-bold);src:local("BarlowCondensed-SemiBold"),url(/static/client/BarlowCondensed-SemiBold.199288b668a15dc1.woff2) format("woff2")}mdn-scrim-inline{aspect-ratio:1.5;display:block;margin:.5rem auto;max-width:36rem;width:100%}.table-container{margin:0;overflow-x:auto}:root{--top-banner-height:3.375rem;--sticky-header-height:calc(var(--navigation-height) + var(--breadcrumbs-bar-height));--z-index-sticky-header:100;--z-index-sidebar-mobile:90}.visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
-/*# sourceMappingURL=styles-global.2db431c11b66274e.css.map*/
+.badge.inline.optional,.badge.inline.readonly,.badge.inline.secure{border:1px solid var(--color-border-primary);border-radius:1em;color:var(--color-text-secondary);font-size:var(--font-size-small);padding:.25em .5em;vertical-align:text-top;white-space:nowrap}mdn-button{display:inline-flex;vertical-align:middle}mdn-code-example{display:block}:root{--csstools-light-dark-toggle-baa18a82-0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle-baa18a82-0,var(--color-gray-60));--csstools-light-dark-toggle-baa18a82-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-border-secondary:var(--csstools-light-dark-toggle-baa18a82-1,var(--color-gray-40));--csstools-light-dark-toggle-baa18a82-2:var(--csstools-color-scheme--light) var(--color-blue-80);--color-border-active:var(--csstools-light-dark-toggle-baa18a82-2,var(--color-blue-50))}@supports (color:light-dark(red,red)){:root{--color-border-primary:light-dark(var(--color-gray-60),var(--color-gray-40));--color-border-secondary:light-dark(var(--color-gray-40),var(--color-gray-60));--color-border-active:light-dark(var(--color-blue-50),var(--color-blue-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-baa18a82-0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle-baa18a82-0,var(--color-gray-60));--csstools-light-dark-toggle-baa18a82-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-border-secondary:var(--csstools-light-dark-toggle-baa18a82-1,var(--color-gray-40));--csstools-light-dark-toggle-baa18a82-2:var(--csstools-color-scheme--light) var(--color-blue-80);--color-border-active:var(--csstools-light-dark-toggle-baa18a82-2,var(--color-blue-50))}}:root{--csstools-light-dark-toggle-29c9dff5-0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle-29c9dff5-0,var(--color-white));--csstools-light-dark-toggle-29c9dff5-1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle-29c9dff5-1,var(--color-gray-90));--csstools-light-dark-toggle-29c9dff5-2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle-29c9dff5-2,var(--color-gray-80))}@supports (color:light-dark(red,red)){:root{--color-background-page:light-dark(var(--color-white),var(--color-gray-05));--color-background-primary:light-dark(var(--color-gray-90),var(--color-gray-10));--color-background-secondary:light-dark(var(--color-gray-80),var(--color-gray-20))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-29c9dff5-0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle-29c9dff5-0,var(--color-white));--csstools-light-dark-toggle-29c9dff5-1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle-29c9dff5-1,var(--color-gray-90));--csstools-light-dark-toggle-29c9dff5-2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle-29c9dff5-2,var(--color-gray-80))}}:root{--csstools-light-dark-toggle-29c9dff5-3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle-29c9dff5-3,var(--color-red-90));--csstools-light-dark-toggle-29c9dff5-4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle-29c9dff5-4,var(--color-orange-90));--csstools-light-dark-toggle-29c9dff5-5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle-29c9dff5-5,var(--color-yellow-90));--csstools-light-dark-toggle-29c9dff5-6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle-29c9dff5-6,var(--color-green-90));--csstools-light-dark-toggle-29c9dff5-7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle-29c9dff5-7,var(--color-blue-90));--csstools-light-dark-toggle-29c9dff5-8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle-29c9dff5-8,var(--color-purple-90))}@supports (color:light-dark(red,red)){:root{--color-background-red:light-dark(var(--color-red-90),var(--color-red-10));--color-background-orange:light-dark(var(--color-orange-90),var(--color-orange-10));--color-background-yellow:light-dark(var(--color-yellow-90),var(--color-yellow-10));--color-background-green:light-dark(var(--color-green-90),var(--color-green-10));--color-background-blue:light-dark(var(--color-blue-90),var(--color-blue-10));--color-background-purple:light-dark(var(--color-purple-90),var(--color-purple-10))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-29c9dff5-3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle-29c9dff5-3,var(--color-red-90));--csstools-light-dark-toggle-29c9dff5-4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle-29c9dff5-4,var(--color-orange-90));--csstools-light-dark-toggle-29c9dff5-5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle-29c9dff5-5,var(--color-yellow-90));--csstools-light-dark-toggle-29c9dff5-6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle-29c9dff5-6,var(--color-green-90));--csstools-light-dark-toggle-29c9dff5-7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle-29c9dff5-7,var(--color-blue-90));--csstools-light-dark-toggle-29c9dff5-8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle-29c9dff5-8,var(--color-purple-90))}}:root{--csstools-light-dark-toggle-e9dfdd1f-0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle-e9dfdd1f-0,var(--color-black));--csstools-light-dark-toggle-e9dfdd1f-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle-e9dfdd1f-1,var(--color-gray-40))}@supports (color:light-dark(red,red)){:root{--color-text-primary:light-dark(var(--color-black),var(--color-white));--color-text-secondary:light-dark(var(--color-gray-40),var(--color-gray-60))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-e9dfdd1f-0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle-e9dfdd1f-0,var(--color-black));--csstools-light-dark-toggle-e9dfdd1f-1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle-e9dfdd1f-1,var(--color-gray-40))}}:root{--csstools-light-dark-toggle-e9dfdd1f-2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle-e9dfdd1f-2,var(--color-red-20));--csstools-light-dark-toggle-e9dfdd1f-3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle-e9dfdd1f-3,var(--color-orange-20));--csstools-light-dark-toggle-e9dfdd1f-4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle-e9dfdd1f-4,var(--color-yellow-20));--csstools-light-dark-toggle-e9dfdd1f-5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle-e9dfdd1f-5,var(--color-green-20));--csstools-light-dark-toggle-e9dfdd1f-6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle-e9dfdd1f-6,var(--color-blue-20));--csstools-light-dark-toggle-e9dfdd1f-7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle-e9dfdd1f-7,var(--color-purple-20))}@supports (color:light-dark(red,red)){:root{--color-text-red:light-dark(var(--color-red-20),var(--color-red-80));--color-text-orange:light-dark(var(--color-orange-20),var(--color-orange-80));--color-text-yellow:light-dark(var(--color-yellow-20),var(--color-yellow-80));--color-text-green:light-dark(var(--color-green-20),var(--color-green-80));--color-text-blue:light-dark(var(--color-blue-20),var(--color-blue-80));--color-text-purple:light-dark(var(--color-purple-20),var(--color-purple-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-e9dfdd1f-2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle-e9dfdd1f-2,var(--color-red-20));--csstools-light-dark-toggle-e9dfdd1f-3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle-e9dfdd1f-3,var(--color-orange-20));--csstools-light-dark-toggle-e9dfdd1f-4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle-e9dfdd1f-4,var(--color-yellow-20));--csstools-light-dark-toggle-e9dfdd1f-5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle-e9dfdd1f-5,var(--color-green-20));--csstools-light-dark-toggle-e9dfdd1f-6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle-e9dfdd1f-6,var(--color-blue-20));--csstools-light-dark-toggle-e9dfdd1f-7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle-e9dfdd1f-7,var(--color-purple-20))}}:root{--csstools-light-dark-toggle-e40c6b49-0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle-e40c6b49-0,var(--color-blue-20));--csstools-light-dark-toggle-e40c6b49-1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle-e40c6b49-1,var(--color-purple-20))}@supports (color:light-dark(red,red)){:root{--color-link-normal:light-dark(var(--color-blue-20),var(--color-blue-80));--color-link-visited:light-dark(var(--color-purple-20),var(--color-purple-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-e40c6b49-0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle-e40c6b49-0,var(--color-blue-20));--csstools-light-dark-toggle-e40c6b49-1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle-e40c6b49-1,var(--color-purple-20))}}:root{--color-scrollbar-track:#0000;--csstools-light-dark-toggle-a81cd71e-0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle-a81cd71e-0,var(--color-black-alpha-25))}@supports (color:light-dark(red,red)){:root{--color-scrollbar-thumb:light-dark(var(--color-black-alpha-25),var(--color-white-alpha-25))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle-a81cd71e-0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle-a81cd71e-0,var(--color-black-alpha-25))}}:root{--color-area-background:var(--color-background-blue);--color-area-highlight-border:var(--color-blue-50);--color-area-link:var(--color-link-normal)}:root[data-current-area=learn]{--color-area-background:var(--color-background-orange);--color-area-highlight-border:var(--color-orange-50);--csstools-light-dark-toggle-9cb2d9c1-0:var(--csstools-color-scheme--light) var(--color-orange-80);--color-area-link:var(--csstools-light-dark-toggle-9cb2d9c1-0,var(--color-orange-20))}@supports (color:light-dark(red,red)){:root[data-current-area=learn]{--color-area-link:light-dark(var(--color-orange-20),var(--color-orange-80))}}@supports not (color:light-dark(tan,tan)){[data-current-area=learn]:root *{--csstools-light-dark-toggle-9cb2d9c1-0:var(--csstools-color-scheme--light) var(--color-orange-80);--color-area-link:var(--csstools-light-dark-toggle-9cb2d9c1-0,var(--color-orange-20))}}:root{--color-white:#fff;--color-white-alpha-25:#ffffff40;--color-white-alpha-75:#ffffffbf;--color-black:#000;--color-black-alpha-25:#00000040;--color-black-alpha-75:#000000bf;--color-gray-90:#f7f7f8;--color-gray-80:#edeef0;--color-gray-60:#c3c7cb;--color-gray-40:#51565d;--color-gray-20:#2d3034;--color-gray-10:#212426;--color-gray-05:#18191b;--color-red-90:#ffe6ea;--color-red-80:#fc7d92;--color-red-50:#d31232;--color-red-20:#b7102c;--color-red-10:#4b0b16;--color-orange-90:#fef3eb;--color-orange-80:#febe8f;--color-orange-50:#e2782c;--color-orange-20:#c2570a;--color-orange-10:#3f220d;--color-yellow-90:#fef0c3;--color-yellow-80:#fae49e;--color-yellow-50:#e6b30a;--color-yellow-20:#97770c;--color-yellow-10:#574405;--color-green-90:#eaf6ef;--color-green-80:#70eba3;--color-green-50:#089141;--color-green-20:#065b29;--color-green-10:#0c311c;--color-blue-90:#ecf4fe;--color-blue-80:#a4cefe;--color-blue-50:#0a5dbd;--color-blue-20:#044c9f;--color-blue-10:#072446;--color-purple-90:#f7f0ff;--color-purple-80:#d8b8ff;--color-purple-50:#863ae4;--color-purple-20:#5f1fad;--color-purple-10:#260e43}html[data-theme=light]{--csstools-color-scheme--light:initial;color-scheme:light}html[data-theme=dark]{--csstools-color-scheme--light: ;color-scheme:dark}mdn-dropdown{display:contents}mdn-dropdown:not([loaded],:focus-within) [slot=dropdown]{display:none}.external:after{background-color:currentcolor;content:"\200b" " (external)";content:"\200b"/" (external)";display:inline-block;height:1em;margin-left:.25em;-webkit-mask-image:url(/static/client/external-link.4f3a2dc8e402cae5.svg);mask-image:url(/static/client/external-link.4f3a2dc8e402cae5.svg);-webkit-mask-size:cover;mask-size:cover;vertical-align:text-top;width:1em}@font-feature-values "Inter"{@styleset{disambiguation:2}}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:normal;font-weight:100 900;src:url(/static/client/inter-latin.9a3b1bc220d426ef.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic-latin.fd2627ec16333c05.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:normal;font-weight:100 900;src:url(/static/client/inter-latin-extended.02dc98170ff37b88.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic-latin-extended.0a7409875db33654.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:normal;font-weight:100 900;src:url(/static/client/inter-cyrillic.eecfbd79d522303a.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-feature-settings:"calt" 0;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic-cyrillic.d153dcd2916c4842.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-latin.119994ed445212c7.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-italic-latin.55b330522e5e3ed9.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-latin-extended.01c891f9c832ce28.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-italic-latin-extended.c25d5e1f309ed948.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-cyrillic.577e793cdf179ae1.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:100 800;size-adjust:95%;src:url(/static/client/jetbrains-mono-italic-cyrillic.8d00711fdb1702e0.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}:root{--font-family-text:"Inter",sans-serif;--font-family-code:"JetBrains Mono",monospace;--font-line-content:1.75;--font-line-normal:1.5;--font-line-ui:1;--font-size-largest:2.5rem;--font-size-larger:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-normal:1rem;--font-size-small:0.8rem;--font-weight-normal:400;--font-weight-bold:600}*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}html{color:var(--color-text-primary);font-family:var(--font-family-text);font-feature-settings:"calt" 0;font-size:var(--font-size-normal);font-variant-alternates:styleset(disambiguation);line-height:var(--font-line-normal);overflow-wrap:break-word;scroll-behavior:smooth;--csstools-color-scheme--light:initial;background-color:var(--color-background-page);color-scheme:light dark}@media (prefers-color-scheme:dark){html{--csstools-color-scheme--light: }}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.icon.icon-deprecated,.icon.icon-experimental,.icon.icon-nonstandard{background-color:var(--color-text-secondary);display:inline-block;flex-shrink:0;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.icon.icon-deprecated{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.icon.icon-experimental{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.icon.icon-nonstandard{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}:root{--layout-side-padding-min:1rem;--layout-side-padding:max(var(--layout-side-padding-min),calc(50vw - 720px + 1rem));--layout-full-width:calc(100vw - var(--layout-side-padding)*2);--layout-sidebar-min:15rem;--layout-sidebar-gap:2rem;--layout-sidebar-padding:1rem;--layout-content-min:31rem;--layout-content-max:48rem;--layout-2-sidebars:[full-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end right-sidebar-end];--layout-1-sidebar-left:[full-start sidebar-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [sidebar-end left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [full-end content-end] minmax(0,1fr);--layout-1-sidebar-right:minmax(0,1fr) [full-start content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [sidebar-start right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end sidebar-end right-sidebar-end];--layout-no-sidebar:[full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end];--layout-no-sidebar-extended:[extended-full-start] var(--layout-side-padding) [full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end] var(--layout-side-padding) [extended-full-end]}mdn-live-sample-result{display:block}html a.only-in-en-us:after{content:"(en-US)";display:inline-block;font-size:.7rem;margin-left:.5ch;vertical-align:super}html[lang=de] a.only-in-en-us:after{content:"(engl.)"}html[lang=es] a.only-in-en-us:after{content:"(inglés)"}html[lang=fr] a.only-in-en-us:after{content:"(angl.)"}html[lang=ja] a.only-in-en-us:after{content:"(英語)"}html[lang=ko] a.only-in-en-us:after{content:"(영어)"}html[lang=ru] a.only-in-en-us:after{content:"(англ.)"}html[lang=pt-BR] a.only-in-en-us:after{content:"(inglês)"}html[lang=zh-CN] a.only-in-en-us:after{content:"（英语）";margin-left:unset;vertical-align:initial}html[lang=zh-TW] a.only-in-en-us:after{content:"（英語）";margin-left:unset;vertical-align:initial}.page-not-created{color:var(--color-text-red);text-decoration:underline!important;-webkit-text-decoration:underline wavy!important;text-decoration:underline wavy!important}:root{--radius-normal:0.25rem;--radius-full:9999px}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}:root{--csstools-color-scheme--light:initial;color-scheme:light;--layout-2-sidebars:minmax(0,1fr)!important;--layout-1-sidebar-left:minmax(0,1fr)!important;--layout-no-sidebar:minmax(0,1fr)!important}body{font-size:9pt;line-height:1.5;margin:0;padding:0}.page-layout{display:block!important;grid-template-rows:none!important;height:auto!important;min-height:auto!important}.page-layout__header{position:static!important;top:auto!important;z-index:auto!important}:root{--sticky-header-height:0!important}.article-footer,.content-section.article-footer,.footer__links,.footer__mozilla,.footer__socials,.layout__left-sidebar,.layout__right-sidebar,.navigation__button,.navigation__menu,.page-layout__banner,mdn-collection-save-button,mdn-color-theme,mdn-placement-bottom,mdn-search-button,mdn-toggle-sidebar,mdn-user-menu{display:none!important}.reference-layout{grid-template-areas:"header" "body"!important;grid-template-columns:auto!important;grid-template-rows:auto!important}a{-webkit-text-decoration:none!important;text-decoration:none!important}details.baseline-indicator>:not(summary),details.baseline-indicator[open]>:not(summary){display:none!important}details.baseline-indicator>summary::marker{display:none!important}.code-example,.default-example,.example-container,.interactive,[class*=example]{break-inside:avoid!important;display:block!important;float:none!important;height:auto!important;margin-bottom:1rem!important;overflow:visible!important;page-break-inside:avoid!important;position:static!important;width:100%!important}.footer__mdn{row-gap:0!important}interactive-example,section{clear:both!important;display:block!important;position:static!important}interactive-example{break-inside:avoid!important;page-break-inside:avoid!important}[style*="position: absolute"],[style*="position: fixed"]{position:static!important}}@font-face{font-display:block;font-family:BarlowCondensed-SemiBold;font-weight:var(--font-weight-bold);src:local("BarlowCondensed-SemiBold"),url(/static/client/BarlowCondensed-SemiBold.199288b668a15dc1.woff2) format("woff2")}mdn-scrim-inline{aspect-ratio:1.5;display:block;margin:.5rem auto;max-width:36rem;width:100%}.table-container{margin:0;overflow-x:auto}:root{--top-banner-height:3.375rem;--sticky-header-height:calc(var(--navigation-height) + var(--breadcrumbs-bar-height));--z-index-sticky-header:100;--z-index-sidebar-mobile:90}.visually-hidden{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
+/*# sourceMappingURL=styles-global.d24cf1d2734970c9.css.map*/