.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);box-sizing:border-box;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);margin:0;overflow:auto;padding:1rem}:is(.code-example pre) code{background-color:unset;padding:0}.hidden:is(.code-example pre),[class*=interactive-example]:is(.code-example pre){display:none}.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:2px solid var(--color-border-primary);border-radius:2px;display:grid;grid-template-columns:1fr auto 1fr;list-style:none;margin:0;padding:.5rem;width:100%}.prev-next a{color:var(--color-link-normal)!important}:is(.prev-next a):visited{color:var(--color-link-visited)!important}.prev-next li{background:none;display:flex;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){grid-column:1;justify-self:start}.prev:is(.prev-next li) a:before{-webkit-mask-image:url(/static/client/arrow-left.e6169107fdba2c0e.svg);mask-image:url(/static/client/arrow-left.e6169107fdba2c0e.svg)}.menu:is(.prev-next li){grid-column:2;justify-self:center}.next:is(.prev-next li){grid-column:3;justify-self:end}.next:is(.prev-next li) a:after{-webkit-mask-image:url(/static/client/arrow-right.28133d6e7ac30654.svg);mask-image:url(/static/client/arrow-right.28133d6e7ac30654.svg)}.callout,.notecard{background-color:var(--color-background-secondary);border-inline-start:2px solid 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)}.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.warning:is(.notecard,.callout){background-color:var(--color-background-red)}.tip:is(.notecard,.callout){background-color:var(--color-background-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(--color-text-primary);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)}.css-formal-syntax{font-size:var(--font-size-small);text-wrap:wrap}.css-formal-syntax~footer{font-size:var(--font-size-small);padding:.5rem 1rem}.content-section{line-height:var(--font-line-content)}.content-section h1,.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{font-weight:400}.content-section h1{font-size:var(--font-size-largest);margin-top: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-normal);font-weight:500}.content-section h5,.content-section h6{font-size:var(--font-size-small);font-weight:500;letter-spacing:.025em;text-transform:uppercase}:is(.content-section a):link{color:var(--color-link-normal)}: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 code{background-color:var(--color-background-secondary);border-radius:.25em;font-family:var(--font-family-code);font-size-adjust:.5;padding:.125em .25em}.content-section table{border-collapse:collapse;width:100%}: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{background-color:var(--color-background-secondary);font-weight:400;text-align:left}.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 (max-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}}.content-section dl dd{margin-left:1rem}:is(.content-section dl dd) dl{border-left:1px solid var(--color-border-primary);padding-left:1rem}
/*# sourceMappingURL=styles-content-section.1c33c36431d5093f.css.map*/