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