@charset "UTF-8";
.offscreen, .only-icon span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.text-content pre, .text-content pre[class*=language-], pre.syntaxbox, pre.twopartsyntaxbox {
  font-size: 18px;
  font-size: 1rem;
  background: #eee;
  border: 0 solid #3d7e9a;
  color: #333;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 15px;
  position: relative;
  font-family: consolas, monaco, "Andale Mono", monospace;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  overflow: auto;
  direction: ltr!important;
  text-align: left!important;
  border-left-width: 5px!important;
  border-right-width: 0!important;
  -moz-tab-size: 4;
  tab-size: 4;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}
.text-content pre, .text-content pre[class*=language-], pre.syntaxbox, pre.twopartsyntaxbox {
  border-left-width: 5px
}
.text-content html[dir=rtl] pre, html[dir=rtl] .text-content pre, html[dir=rtl] pre.syntaxbox, html[dir=rtl] pre.twopartsyntaxbox {
  border-left-width: 0;
  border-right-width: 5px
}
.text-content pre>:last-child, pre.syntaxbox>:last-child, pre.twopartsyntaxbox>:last-child {
  margin-bottom: 0
}
.text-content pre>:last-child, pre.syntaxbox>:last-child, pre.twopartsyntaxbox>:last-child {
  padding-bottom: 0
}
.text-content pre p, .text-content pre[class*=language-] p, pre.syntaxbox p, pre.twopartsyntaxbox p {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%
}
.text-content pre p dl, .text-content pre p p, .text-content pre p ul, .text-content pre[class*=language-] p dl, .text-content pre[class*=language-] p p, .text-content pre[class*=language-] p ul, pre.syntaxbox p dl, pre.syntaxbox p p, pre.syntaxbox p ul, pre.twopartsyntaxbox p dl, pre.twopartsyntaxbox p p, pre.twopartsyntaxbox p ul {
  max-width: 100%
}
.text-content pre code, .text-content pre[class*=language-] code, pre.syntaxbox code, pre.twopartsyntaxbox code {
  background-color: transparent;
  font-style: normal;
  font-weight: inherit;
  padding: 0
}
.subheader-container .column-container h1.highlight-spanned, .text-content h3.highlight-spanned, .text-content h5.highlight-spanned {
  padding: 0;
  background-color: inherit;
  color: inherit
}
.subheader-container .column-container h1.highlight-spanned a, .text-content h3.highlight-spanned a, .text-content h5.highlight-spanned a {
  color: inherit
}
.subheader-container .column-container h1, .subheader-container .column-container h1 .highlight-span, .text-content h3, .text-content h3 .highlight-span, .text-content h5, .text-content h5 .highlight-span {
  background-color: #333;
  color: #fff;
  font-weight: 400;
  line-height: 1.25;
  padding: 0 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}
.subheader-container .column-container h1 .highlight-span a, .subheader-container .column-container h1 a, .text-content h3 .highlight-span a, .text-content h3 a, .text-content h5 .highlight-span a, .text-content h5 a {
  color: #83d0f2
}
.subheader-container .column-container h1 .highlight-span a[name], .subheader-container .column-container h1 a[name], .text-content h3 .highlight-span a[name], .text-content h3 a[name], .text-content h5 .highlight-span a[name], .text-content h5 a[name] {
  color: inherit;
  text-decoration: none
}
.subheader-container .column-container h1 .highlight-span code, .subheader-container .column-container h1 code, .text-content h3 .highlight-span code, .text-content h3 code, .text-content h5 .highlight-span code, .text-content h5 code {
  background-color: rgba(255, 255, 255, .4)!important;
  color: #fff!important
}
.cta-link {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  background-color: transparent;
  text-transform: inherit;
  border: 0;
  padding: 0;
  color: #3d7e9a;
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  border-bottom: 2px solid
}
.cta-link:focus, .cta-link:hover {
  text-decoration: underline
}
.cta-link {
  padding: 10px 30px 10px 0;
  text-align: left
}
html[dir=rtl] .cta-link {
  padding: 10px 0 10px 30px;
  text-align: right
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  position: absolute;
  top: 30%
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  left: auto
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  left: 0;
  right: auto
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  right: 0
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  right: auto;
  left: 0
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  transition: right .2s
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  transition: left .2s
}
.cta-link:focus, .cta-link:hover {
  text-decoration: none
}
.cta-link:focus .icon-arrow, .cta-link:hover .icon-arrow {
  right: -5px
}
html[dir=rtl] .cta-link:focus .icon-arrow, html[dir=rtl] .cta-link:hover .icon-arrow {
  right: 10px;
  left: -5px
}
.cta-link:focus .icon-arrow, .cta-link:hover .icon-arrow {
  left: auto
}
html[dir=rtl] .cta-link:focus .icon-arrow, html[dir=rtl] .cta-link:hover .icon-arrow {
  left: 10px;
  right: auto
}
.cta-link i[class^=icon-] {
  margin-top: 4px
}
.blockIndicator, .geckoVersionNote, .inheritsbox, .note, .notice, .overheadIndicator, .standardNoteBlock, .warning {
  box-sizing: border-box;
  max-width: 42rem;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 10px;
  clear: both;
  clear: none;
  background-color: #eee;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  font-size: 18px;
  font-size: 1rem
}
.blockIndicator, .geckoVersionNote, .inheritsbox, .note, .notice, .overheadIndicator, .standardNoteBlock, .warning {
  border-left-width: 5px;
  border-left-style: solid
}
html[dir=rtl] .blockIndicator, html[dir=rtl] .geckoVersionNote, html[dir=rtl] .inheritsbox, html[dir=rtl] .note, html[dir=rtl] .notice, html[dir=rtl] .overheadIndicator, html[dir=rtl] .standardNoteBlock, html[dir=rtl] .warning {
  border-left-width: 0;
  border-right-width: 5px;
  border-left-style: none;
  border-right-style: solid
}
.blockIndicator>:last-child, .geckoVersionNote>:last-child, .inheritsbox>:last-child, .note>:last-child, .notice>:last-child, .overheadIndicator>:last-child, .standardNoteBlock>:last-child, .warning>:last-child {
  margin-bottom: 0
}
.blockIndicator>:last-child, .geckoVersionNote>:last-child, .inheritsbox>:last-child, .note>:last-child, .notice>:last-child, .overheadIndicator>:last-child, .standardNoteBlock>:last-child, .warning>:last-child {
  padding-bottom: 0
}
.blockIndicator:after, .geckoVersionNote:after, .inheritsbox:after, .note:after, .notice:after, .overheadIndicator:after, .standardNoteBlock:after, .warning:after {
  content: ' ';
  clear: both;
  display: table
}
.blockIndicator:before, .geckoVersionNote:before, .inheritsbox:before, .note:before, .notice:before, .overheadIndicator:before, .standardNoteBlock:before, .warning:before {
  display: inline-block;
  width: 30px
}
.blockIndicator:before, .geckoVersionNote:before, .inheritsbox:before, .note:before, .notice:before, .overheadIndicator:before, .standardNoteBlock:before, .warning:before {
  float: left;
  margin: -1px 0 -5px -25px
}
html[dir=rtl] .blockIndicator:before, html[dir=rtl] .geckoVersionNote:before, html[dir=rtl] .inheritsbox:before, html[dir=rtl] .note:before, html[dir=rtl] .notice:before, html[dir=rtl] .overheadIndicator:before, html[dir=rtl] .standardNoteBlock:before, html[dir=rtl] .warning:before {
  float: right;
  margin: -5px -25px -5px 0
}
.blockIndicator pre, .geckoVersionNote pre, .inheritsbox pre, .note pre, .notice pre, .overheadIndicator pre, .standardNoteBlock pre, .warning pre {
  color: #333
}
.bannerHeading, .blockIndicator p>strong, .geckoVersionHeading, .geckoVersionNote p>strong, .inheritsbox p>strong, .note p>strong, .notice p>strong, .overheadIndicator p>strong, .standardNoteBlock p>strong, .warning p>strong {
  font-style: normal;
  font-weight: 700
}
.draft, .notice:not(.experimental), .translationInProgress, .warning#doc-rendering-in-progress, .warning#doc-rendering-scheduled, .warning#kserrors, .warning.warning-review {
  box-sizing: border-box;
  max-width: 42rem
}
.draft, .notice:not(.experimental), .translationInProgress, .warning#doc-rendering-in-progress, .warning#doc-rendering-scheduled, .warning#kserrors, .warning.warning-review {
  border-width: 2px;
  border-style: solid
}
html[dir=rtl] .draft, html[dir=rtl] .notice:not(.experimental), html[dir=rtl] .translationInProgress, html[dir=rtl] .warning#doc-rendering-in-progress, html[dir=rtl] .warning#doc-rendering-scheduled, html[dir=rtl] .warning#kserrors, html[dir=rtl] .warning.warning-review {
  border-width: 2px;
  border-style: solid
}
.indicatorInHeadline, .inlineIndicator, .spec-CR:before, .spec-Draft:before, .spec-ED:before, .spec-Living:before, .spec-PR:before, .spec-RC:before, .spec-REC:before, .spec-RFC:before, .spec-Standard:before, .spec-WD:before {
  display: inline-block;
  min-width: 20px;
  vertical-align: baseline;
  border-radius: 2px;
  padding: .45em .35em;
  background-color: #eee;
  font-family: Helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal
}
.indicatorInHeadline, .inlineIndicator, .spec-CR:before, .spec-Draft:before, .spec-ED:before, .spec-Living:before, .spec-PR:before, .spec-RC:before, .spec-REC:before, .spec-RFC:before, .spec-Standard:before, .spec-WD:before {
  margin-left: 10px;
  border-left: 4px solid
}
html[dir=rtl] .indicatorInHeadline, html[dir=rtl] .inlineIndicator, html[dir=rtl] .spec-CR:before, html[dir=rtl] .spec-Draft:before, html[dir=rtl] .spec-ED:before, html[dir=rtl] .spec-Living:before, html[dir=rtl] .spec-PR:before, html[dir=rtl] .spec-RC:before, html[dir=rtl] .spec-REC:before, html[dir=rtl] .spec-RFC:before, html[dir=rtl] .spec-Standard:before, html[dir=rtl] .spec-WD:before {
  margin-left: 0;
  margin-right: 10px;
  border-left: none;
  border-right: 4px solid
}
.indicatorInHeadline:before, .inlineIndicator:before {
  display: inline-block
}
.indicatorInHeadline:before, .inlineIndicator:before {
  margin-left: -22px;
  margin-right: 3px
}
html[dir=rtl] .indicatorInHeadline:before, html[dir=rtl] .inlineIndicator:before {
  margin-left: 3px;
  margin-right: -22px
}
#doc-rendering-in-progress.warning, #doc-rendering-scheduled.warning, #kserrors.warning, .deprecated, .draft, .experimental, .experimentalBadge, .inlineIndicator.deprecated, .inlineIndicator.experimental, .inlineIndicator.experimentalBadge, .inlineIndicator.nonStandard, .inlineIndicator.nonstandardBadge, .install, .nonStandard, .nonstandardBadge, .note, .obsolete, .privilegedBadge, .secureContexts, .translationInProgress, .warning.warning-review, .warning:not(.notification) {
  padding-left: 25px
}
html[dir=rtl] #doc-rendering-in-progress.warning, html[dir=rtl] #doc-rendering-scheduled.warning, html[dir=rtl] #kserrors.warning, html[dir=rtl] .deprecated, html[dir=rtl] .draft, html[dir=rtl] .experimental, html[dir=rtl] .experimentalBadge, html[dir=rtl] .install, html[dir=rtl] .nonStandard, html[dir=rtl] .nonstandardBadge, html[dir=rtl] .note, html[dir=rtl] .obsolete, html[dir=rtl] .privilegedBadge, html[dir=rtl] .secureContexts, html[dir=rtl] .translationInProgress, html[dir=rtl] .warning.warning-review, html[dir=rtl] .warning:not(.notification) {
  padding-left: .35em;
  padding-right: 25px
}
.bc-browsers .bc-head-icon-chrome:before, .bc-browsers .bc-head-icon-chrome_android:before, .bc-browsers .bc-head-icon-edge:before, .bc-browsers .bc-head-icon-edge_mobile:before, .bc-browsers .bc-head-icon-firefox:before, .bc-browsers .bc-head-icon-firefox_android:before, .bc-browsers .bc-head-icon-ie:before, .bc-browsers .bc-head-icon-nodejs:before, .bc-browsers .bc-head-icon-opera:before, .bc-browsers .bc-head-icon-opera_android:before, .bc-browsers .bc-head-icon-safari:before, .bc-browsers .bc-head-icon-safari_ios:before, .bc-browsers .bc-head-icon-samsunginternet_android:before, .bc-browsers .bc-head-icon-webview_android:before, .bc-platforms .bc-platform-desktop:before, .bc-platforms .bc-platform-mobile:before, .bc-platforms .bc-platform-server:before, .ic-altname:before, .ic-deprecated:before, .ic-disabled:before, .ic-experimental:before, .ic-footnote:before, .ic-history:before, .ic-non-standard:before, .icon-only-inline i.icon-beaker, .icon-only-inline i.icon-trash, .icon-only-inline i.icon-warning-sign, .inlineIndicator.deprecated:before, .inlineIndicator.experimental:before, .inlineIndicator.experimentalBadge:before, .inlineIndicator.nonStandard:before, .inlineIndicator.nonstandardBadge:before, .prevnext .icon-arrow-left, .prevnext .icon-arrow-right, .prevnext .icon-arrow-up, .standard-table i.icon-cogs, .text-content .example-bad:after, .text-content .example-good:after, .text-content pre.example-bad[class*=language-]:after, .text-content pre.example-good[class*=language-]:after, div.index.widgeted li.webcomp::after, html[dir=ltr] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before, html[dir=ltr] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before, html[dir=rtl] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after, html[dir=rtl] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after, i.icon-beaker, i.icon-info-sign, i.icon-thumbs-down-alt, i.icon-trash, i.icon-warning-sign {
  display: inline-block;
  content: '';
  background-repeat: no-repeat
}
#doc-rendering-in-progress.warning, #doc-rendering-scheduled.warning, #kserrors.warning, .noscript {
  color: #fff
}
#doc-rendering-in-progress.warning a, #doc-rendering-scheduled.warning a, #kserrors.warning a, .noscript a {
  color: #fff
}
.indicator-info, .optional, .template-jsOverrides {
  background: #eee;
  border-color: #696969
}
.domLevel, .experimental, .experimentalBadge, .firefoxVersionBadge, .geckoMinVer, .geckoMinVerMethod, .geckoVersionBadge, .geckoVersionNote, .htmlVer, .indicator-version, .jsMinVer, .jsMinVerHeader, .mbMinVer, .mobileOnly, .notXPCOM, .projectSpecific, .smMinVerHeader, .standardNote, .tbMinVer {
  background: #e4f0f5;
  border-color: #3d7e9a
}
.draft, .indicator-warning, .note, .notice, .prefixBox, .privilegedBadge, .renamed, .secureContexts, .todo, .translationInProgress, .warning.warning-review {
  background: #fff3d4;
  border-color: #f6b73c
}
.deprecated, .deprecatedBadge, .indicator-danger, .nonStandard, .nonstandardBadge, .obsolete, .obsoleteBadge, .unimplemented, .unimplementedBadge, .warning {
  background: #ffe7e8;
  border-color: #e66465
}
.offscreen, .only-icon span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.text-content pre, .text-content pre[class*=language-], pre.syntaxbox, pre.twopartsyntaxbox {
  font-size: 18px;
  font-size: 1rem;
  background: #eee;
  border: 0 solid #3d7e9a;
  color: #333;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 15px;
  position: relative;
  font-family: consolas, monaco, "Andale Mono", monospace;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  overflow: auto;
  direction: ltr!important;
  text-align: left!important;
  border-left-width: 5px!important;
  border-right-width: 0!important;
  -moz-tab-size: 4;
  tab-size: 4;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}
.text-content pre, .text-content pre[class*=language-], pre.syntaxbox, pre.twopartsyntaxbox {
  border-left-width: 5px
}
.text-content html[dir=rtl] pre, html[dir=rtl] .text-content pre, html[dir=rtl] pre.syntaxbox, html[dir=rtl] pre.twopartsyntaxbox {
  border-left-width: 0;
  border-right-width: 5px
}
.text-content pre>:last-child, pre.syntaxbox>:last-child, pre.twopartsyntaxbox>:last-child {
  margin-bottom: 0
}
.text-content pre>:last-child, pre.syntaxbox>:last-child, pre.twopartsyntaxbox>:last-child {
  padding-bottom: 0
}
.text-content pre p, .text-content pre[class*=language-] p, pre.syntaxbox p, pre.twopartsyntaxbox p {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%
}
.text-content pre p dl, .text-content pre p p, .text-content pre p ul, .text-content pre[class*=language-] p dl, .text-content pre[class*=language-] p p, .text-content pre[class*=language-] p ul, pre.syntaxbox p dl, pre.syntaxbox p p, pre.syntaxbox p ul, pre.twopartsyntaxbox p dl, pre.twopartsyntaxbox p p, pre.twopartsyntaxbox p ul {
  max-width: 100%
}
.text-content pre code, .text-content pre[class*=language-] code, pre.syntaxbox code, pre.twopartsyntaxbox code {
  background-color: transparent;
  font-style: normal;
  font-weight: inherit;
  padding: 0
}
.subheader-container .column-container h1.highlight-spanned, .text-content h3.highlight-spanned, .text-content h5.highlight-spanned {
  padding: 0;
  background-color: inherit;
  color: inherit
}
.subheader-container .column-container h1.highlight-spanned a, .text-content h3.highlight-spanned a, .text-content h5.highlight-spanned a {
  color: inherit
}
.subheader-container .column-container h1, .subheader-container .column-container h1 .highlight-span, .text-content h3, .text-content h3 .highlight-span, .text-content h5, .text-content h5 .highlight-span {
  background-color: #333;
  color: #fff;
  font-weight: 400;
  line-height: 1.25;
  padding: 0 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}
.subheader-container .column-container h1 .highlight-span a, .subheader-container .column-container h1 a, .text-content h3 .highlight-span a, .text-content h3 a, .text-content h5 .highlight-span a, .text-content h5 a {
  color: #83d0f2
}
.subheader-container .column-container h1 .highlight-span a[name], .subheader-container .column-container h1 a[name], .text-content h3 .highlight-span a[name], .text-content h3 a[name], .text-content h5 .highlight-span a[name], .text-content h5 a[name] {
  color: inherit;
  text-decoration: none
}
.subheader-container .column-container h1 .highlight-span code, .subheader-container .column-container h1 code, .text-content h3 .highlight-span code, .text-content h3 code, .text-content h5 .highlight-span code, .text-content h5 code {
  background-color: rgba(255, 255, 255, .4)!important;
  color: #fff!important
}
.cta-link {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  background-color: transparent;
  text-transform: inherit;
  border: 0;
  padding: 0;
  color: #3d7e9a;
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  border-bottom: 2px solid
}
.cta-link:focus, .cta-link:hover {
  text-decoration: underline
}
.cta-link {
  padding: 10px 30px 10px 0;
  text-align: left
}
html[dir=rtl] .cta-link {
  padding: 10px 0 10px 30px;
  text-align: right
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  position: absolute;
  top: 30%
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  left: auto
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  left: 0;
  right: auto
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  right: 0
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  right: auto;
  left: 0
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  transition: right .2s
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  transition: left .2s
}
.cta-link:focus, .cta-link:hover {
  text-decoration: none
}
.cta-link:focus .icon-arrow, .cta-link:hover .icon-arrow {
  right: -5px
}
html[dir=rtl] .cta-link:focus .icon-arrow, html[dir=rtl] .cta-link:hover .icon-arrow {
  right: 10px;
  left: -5px
}
.cta-link:focus .icon-arrow, .cta-link:hover .icon-arrow {
  left: auto
}
html[dir=rtl] .cta-link:focus .icon-arrow, html[dir=rtl] .cta-link:hover .icon-arrow {
  left: 10px;
  right: auto
}
.cta-link i[class^=icon-] {
  margin-top: 4px
}
.blockIndicator, .geckoVersionNote, .inheritsbox, .note, .notice, .overheadIndicator, .standardNoteBlock, .warning {
  box-sizing: border-box;
  max-width: 42rem;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 10px;
  clear: both;
  clear: none;
  background-color: #eee;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  font-size: 18px;
  font-size: 1rem
}
.blockIndicator, .geckoVersionNote, .inheritsbox, .note, .notice, .overheadIndicator, .standardNoteBlock, .warning {
  border-left-width: 5px;
  border-left-style: solid
}
html[dir=rtl] .blockIndicator, html[dir=rtl] .geckoVersionNote, html[dir=rtl] .inheritsbox, html[dir=rtl] .note, html[dir=rtl] .notice, html[dir=rtl] .overheadIndicator, html[dir=rtl] .standardNoteBlock, html[dir=rtl] .warning {
  border-left-width: 0;
  border-right-width: 5px;
  border-left-style: none;
  border-right-style: solid
}
.blockIndicator>:last-child, .geckoVersionNote>:last-child, .inheritsbox>:last-child, .note>:last-child, .notice>:last-child, .overheadIndicator>:last-child, .standardNoteBlock>:last-child, .warning>:last-child {
  margin-bottom: 0
}
.blockIndicator>:last-child, .geckoVersionNote>:last-child, .inheritsbox>:last-child, .note>:last-child, .notice>:last-child, .overheadIndicator>:last-child, .standardNoteBlock>:last-child, .warning>:last-child {
  padding-bottom: 0
}
.blockIndicator:after, .geckoVersionNote:after, .inheritsbox:after, .note:after, .notice:after, .overheadIndicator:after, .standardNoteBlock:after, .warning:after {
  content: ' ';
  clear: both;
  display: table
}
.blockIndicator:before, .geckoVersionNote:before, .inheritsbox:before, .note:before, .notice:before, .overheadIndicator:before, .standardNoteBlock:before, .warning:before {
  display: inline-block;
  width: 30px
}
.blockIndicator:before, .geckoVersionNote:before, .inheritsbox:before, .note:before, .notice:before, .overheadIndicator:before, .standardNoteBlock:before, .warning:before {
  float: left;
  margin: -1px 0 -5px -25px
}
html[dir=rtl] .blockIndicator:before, html[dir=rtl] .geckoVersionNote:before, html[dir=rtl] .inheritsbox:before, html[dir=rtl] .note:before, html[dir=rtl] .notice:before, html[dir=rtl] .overheadIndicator:before, html[dir=rtl] .standardNoteBlock:before, html[dir=rtl] .warning:before {
  float: right;
  margin: -5px -25px -5px 0
}
.blockIndicator pre, .geckoVersionNote pre, .inheritsbox pre, .note pre, .notice pre, .overheadIndicator pre, .standardNoteBlock pre, .warning pre {
  color: #333
}
.bannerHeading, .blockIndicator p>strong, .geckoVersionHeading, .geckoVersionNote p>strong, .inheritsbox p>strong, .note p>strong, .notice p>strong, .overheadIndicator p>strong, .standardNoteBlock p>strong, .warning p>strong {
  font-style: normal;
  font-weight: 700
}
.draft, .notice:not(.experimental), .translationInProgress, .warning#doc-rendering-in-progress, .warning#doc-rendering-scheduled, .warning#kserrors, .warning.warning-review {
  box-sizing: border-box;
  max-width: 42rem
}
.draft, .notice:not(.experimental), .translationInProgress, .warning#doc-rendering-in-progress, .warning#doc-rendering-scheduled, .warning#kserrors, .warning.warning-review {
  border-width: 2px;
  border-style: solid
}
html[dir=rtl] .draft, html[dir=rtl] .notice:not(.experimental), html[dir=rtl] .translationInProgress, html[dir=rtl] .warning#doc-rendering-in-progress, html[dir=rtl] .warning#doc-rendering-scheduled, html[dir=rtl] .warning#kserrors, html[dir=rtl] .warning.warning-review {
  border-width: 2px;
  border-style: solid
}
.indicatorInHeadline, .inlineIndicator, .spec-CR:before, .spec-Draft:before, .spec-ED:before, .spec-Living:before, .spec-PR:before, .spec-RC:before, .spec-REC:before, .spec-RFC:before, .spec-Standard:before, .spec-WD:before {
  display: inline-block;
  min-width: 20px;
  vertical-align: baseline;
  border-radius: 2px;
  padding: .45em .35em;
  background-color: #eee;
  font-family: Helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal
}
.indicatorInHeadline, .inlineIndicator, .spec-CR:before, .spec-Draft:before, .spec-ED:before, .spec-Living:before, .spec-PR:before, .spec-RC:before, .spec-REC:before, .spec-RFC:before, .spec-Standard:before, .spec-WD:before {
  margin-left: 10px;
  border-left: 4px solid
}
html[dir=rtl] .indicatorInHeadline, html[dir=rtl] .inlineIndicator, html[dir=rtl] .spec-CR:before, html[dir=rtl] .spec-Draft:before, html[dir=rtl] .spec-ED:before, html[dir=rtl] .spec-Living:before, html[dir=rtl] .spec-PR:before, html[dir=rtl] .spec-RC:before, html[dir=rtl] .spec-REC:before, html[dir=rtl] .spec-RFC:before, html[dir=rtl] .spec-Standard:before, html[dir=rtl] .spec-WD:before {
  margin-left: 0;
  margin-right: 10px;
  border-left: none;
  border-right: 4px solid
}
.indicatorInHeadline:before, .inlineIndicator:before {
  display: inline-block
}
.indicatorInHeadline:before, .inlineIndicator:before {
  margin-left: -22px;
  margin-right: 3px
}
html[dir=rtl] .indicatorInHeadline:before, html[dir=rtl] .inlineIndicator:before {
  margin-left: 3px;
  margin-right: -22px
}
#doc-rendering-in-progress.warning, #doc-rendering-scheduled.warning, #kserrors.warning, .deprecated, .draft, .experimental, .experimentalBadge, .inlineIndicator.deprecated, .inlineIndicator.experimental, .inlineIndicator.experimentalBadge, .inlineIndicator.nonStandard, .inlineIndicator.nonstandardBadge, .install, .nonStandard, .nonstandardBadge, .note, .obsolete, .privilegedBadge, .secureContexts, .translationInProgress, .warning.warning-review, .warning:not(.notification) {
  padding-left: 25px
}
html[dir=rtl] #doc-rendering-in-progress.warning, html[dir=rtl] #doc-rendering-scheduled.warning, html[dir=rtl] #kserrors.warning, html[dir=rtl] .deprecated, html[dir=rtl] .draft, html[dir=rtl] .experimental, html[dir=rtl] .experimentalBadge, html[dir=rtl] .install, html[dir=rtl] .nonStandard, html[dir=rtl] .nonstandardBadge, html[dir=rtl] .note, html[dir=rtl] .obsolete, html[dir=rtl] .privilegedBadge, html[dir=rtl] .secureContexts, html[dir=rtl] .translationInProgress, html[dir=rtl] .warning.warning-review, html[dir=rtl] .warning:not(.notification) {
  padding-left: .35em;
  padding-right: 25px
}
.bc-browsers .bc-head-icon-chrome:before, .bc-browsers .bc-head-icon-chrome_android:before, .bc-browsers .bc-head-icon-edge:before, .bc-browsers .bc-head-icon-edge_mobile:before, .bc-browsers .bc-head-icon-firefox:before, .bc-browsers .bc-head-icon-firefox_android:before, .bc-browsers .bc-head-icon-ie:before, .bc-browsers .bc-head-icon-nodejs:before, .bc-browsers .bc-head-icon-opera:before, .bc-browsers .bc-head-icon-opera_android:before, .bc-browsers .bc-head-icon-safari:before, .bc-browsers .bc-head-icon-safari_ios:before, .bc-browsers .bc-head-icon-samsunginternet_android:before, .bc-browsers .bc-head-icon-webview_android:before, .bc-platforms .bc-platform-desktop:before, .bc-platforms .bc-platform-mobile:before, .bc-platforms .bc-platform-server:before, .ic-altname:before, .ic-deprecated:before, .ic-disabled:before, .ic-experimental:before, .ic-footnote:before, .ic-history:before, .ic-non-standard:before, .icon-only-inline i.icon-beaker, .icon-only-inline i.icon-trash, .icon-only-inline i.icon-warning-sign, .inlineIndicator.deprecated:before, .inlineIndicator.experimental:before, .inlineIndicator.experimentalBadge:before, .inlineIndicator.nonStandard:before, .inlineIndicator.nonstandardBadge:before, .prevnext .icon-arrow-left, .prevnext .icon-arrow-right, .prevnext .icon-arrow-up, .standard-table i.icon-cogs, .text-content .example-bad:after, .text-content .example-good:after, .text-content pre.example-bad[class*=language-]:after, .text-content pre.example-good[class*=language-]:after, div.index.widgeted li.webcomp::after, html[dir=ltr] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before, html[dir=ltr] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before, html[dir=rtl] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after, html[dir=rtl] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after, i.icon-beaker, i.icon-info-sign, i.icon-thumbs-down-alt, i.icon-trash, i.icon-warning-sign {
  display: inline-block;
  content: '';
  background-repeat: no-repeat
}
#doc-rendering-in-progress.warning, #doc-rendering-scheduled.warning, #kserrors.warning, .noscript {
  color: #fff
}
#doc-rendering-in-progress.warning a, #doc-rendering-scheduled.warning a, #kserrors.warning a, .noscript a {
  color: #fff
}
.indicator-info, .optional, .template-jsOverrides {
  background: #eee;
  border-color: #696969
}
.domLevel, .experimental, .experimentalBadge, .firefoxVersionBadge, .geckoMinVer, .geckoMinVerMethod, .geckoVersionBadge, .geckoVersionNote, .htmlVer, .indicator-version, .jsMinVer, .jsMinVerHeader, .mbMinVer, .mobileOnly, .notXPCOM, .projectSpecific, .smMinVerHeader, .standardNote, .tbMinVer {
  background: #e4f0f5;
  border-color: #3d7e9a
}
.draft, .indicator-warning, .note, .notice, .prefixBox, .privilegedBadge, .renamed, .secureContexts, .todo, .translationInProgress, .warning.warning-review {
  background: #fff3d4;
  border-color: #f6b73c
}
.deprecated, .deprecatedBadge, .indicator-danger, .nonStandard, .nonstandardBadge, .obsolete, .obsoleteBadge, .unimplemented, .unimplementedBadge, .warning {
  background: #ffe7e8;
  border-color: #e66465
}
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0
}
address, caption, cite, code, dfn, th, var {
  font-style: inherit;
  font-weight: inherit
}
article, aside, audio, canvas, figcaption, figure, figure img, footer, header, hgroup, main, nav, section, video {
  display: block
}
a img {
  border: 0
}
ol, ul {
  list-style-type: none
}
html {
  background: #fff;
  color: #333
}
body {
  line-height: 1.6;
  font-family: Arial, x-locale-body, sans-serif;
  letter-spacing: -.00278rem;
  font-size: 18px;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
aside {
  width: 48.5%;
  float: right;
  background: #eee;
  padding: 20px;
  margin-left: 20px;
  margin-bottom: 20px
}
aside>:last-child {
  margin-bottom: 0
}
aside>:last-child {
  padding-bottom: 0
}
aside h3:first-child, aside h4:first-child {
  margin-top: 0
}
main {
  background: #fff;
  min-height: 200px
}
main .documentation-page-header {
  display: flex;
  flex-direction: column-reverse
}
@media all and (min-width:63.9385em) {
  main .documentation-page-header {
    flex-direction: column
  }
}
details {
  clear: both;
  display: block;
  margin-bottom: 20px
}
details {
  margin-left: 20px
}
html[dir=rtl] details {
  margin-left: 0;
  margin-right: 20px
}
summary {
  display: block;
  cursor: pointer;
  color: #3d7e9a
}
summary {
  margin-left: -20px
}
html[dir=rtl] summary {
  margin-left: 0;
  margin-right: -20px
}
summary h1, summary h2, summary h3, summary h4, summary h5, summary h6 {
  display: inline-block;
  margin-bottom: 0;
  color: inherit
}
summary::-webkit-details-marker {
  display: none
}
summary:before {
  display: inline-block;
  width: 20px;
  color: #3d7e9a
}
summary:before {
  content: "▶︎"
}
html[dir=rtl] summary:before {
  content: "◀︎"
}
details[open]>summary {
  margin-bottom: 10px
}
details[open]>summary:before {
  content: '\25BC\FE0E'
}
hr {
  border-top: 3px solid #3d7e9a;
  height: 0;
  margin: 20px 0;
  box-sizing: border-box;
  max-width: 42rem
}
h1 {
  font-size: 51px;
  font-size: 2.83333rem;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  line-height: 1
}
h2 {
  font-size: 28px;
  font-size: 1.55556rem;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  line-height: 1.2;
  margin: 20px 0
}
@media all and (min-width:47.9385em) {
  h2 {
    font-size: 42px;
    font-size: 2.33333rem
  }
}
h3 {
  margin: 20px 0;
  font-size: 26px;
  font-size: 1.44444rem;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  line-height: 1.2
}
h4 {
  margin: 30px 0 20px 0;
  font-size: 24px;
  font-size: 1.33333rem;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  line-height: 1.2
}
h5 {
  margin: 10px 0;
  font-size: 18px;
  font-size: 1rem;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  line-height: 1.2
}
h6 {
  margin: 10px 0;
  font-size: 18px;
  font-size: 1rem;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  line-height: 1.2
}
p {
  margin-bottom: 24px
}
blockquote {
  box-sizing: border-box;
  max-width: 42rem;
  font-size: 24px;
  font-size: 1.33333rem;
  border: 3px solid #83d0f2;
  border-width: 3px 0;
  padding: 20px 0;
  margin-bottom: 20px
}
blockquote>p:last-child {
  margin-bottom: 0
}
article>blockquote:first-child, article>div:first-child:empty+blockquote, article>p:first-child:empty+blockquote, article>p:first-child:empty+p:empty+blockquote {
  border-top-width: 0;
  padding-top: 0
}
a {
  color: #3d7e9a;
  text-decoration: none
}
a:active, a:focus, a:hover {
  text-decoration: underline
}
a i[class^=icon-]:before {
  cursor: pointer
}
a[name] {
  color: inherit;
  text-decoration: none
}
abbr[title] {
  cursor: help;
  text-decoration: dotted underline
}
sup {
  position: relative;
  top: -.15em;
  vertical-align: top
}
:not(pre)>*>code, :not(pre)>code {
  background-color: #bbb;
  background-color: rgba(220, 220, 220, .5);
  border-radius: 2px;
  box-decoration-break: clone;
  font-family: consolas, "Liberation Mono", courier, monospace;
  padding: 0 2px;
  word-wrap: break-word
}
:not(pre)>*>code.templateLink, :not(pre)>code.templateLink {
  padding: 1px 2px
}
.index :not(pre)>*>code, .index :not(pre)>code, .indexListTerm :not(pre)>*>code, .indexListTerm :not(pre)>code {
  background-color: transparent;
  padding: 0
}
.toc :not(pre)>*>code, .toc :not(pre)>code {
  background-color: inherit;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  padding: 0
}
.quick-links :not(pre)>*>code, .quick-links :not(pre)>code {
  background-color: transparent;
  padding: 0
}
:not(pre)>*>code a, :not(pre)>code a {
  color: #285c76
}
@media all and (max-width:47.9375em) {
  h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
    word-break: break-all
  }
}
kbd {
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
  color: #333;
  display: inline-block;
  font-family: consolas, "Liberation Mono", courier, monospace;
  font-size: .85em;
  font-weight: 700;
  line-height: 1;
  padding: 2px 4px;
  white-space: nowrap
}
var {
  font-style: italic
}
button, input, optgroup, option, select, textarea {
  font-size: 18px;
  font-size: 1rem;
  font-family: Arial, x-locale-body, sans-serif;
  letter-spacing: -.00278rem;
  font-style: normal;
  font-weight: 400
}
input[type=email], input[type=number], input[type=password], input[type=search], input[type=text], input[type=url], textarea {
  color: #4c4c4c;
  background: #fff;
  border: 2px solid #9b9b9b;
  padding: 6px 8px;
  font-weight: 400
}
input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #a0a0a0
}
input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a0a0a0
}
input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=url]::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0a0a0
}
input[type=email]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=text]::placeholder, input[type=url]::placeholder, textarea::placeholder {
  color: #a0a0a0
}
textarea {
  color: #333;
  font-weight: 400
}
input[type=search] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  display: none
}
label {
  cursor: pointer
}
label.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute!important;
  width: 1px
}
.disabled, [disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: .5
}
.button, button, input[type=button], input[type=submit] {
  border: 0;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  font-weight: 700;
  letter-spacing: normal;
  border: 2px solid #9b9b9b;
  background-color: #fff;
  padding: 5px 11px;
  color: #4c4c4c;
  text-decoration: none
}
.button.neutral, button.neutral, input[type=button].neutral, input[type=submit].neutral {
  border-color: #3d7e9a;
  color: #285c76
}
.button.negative, button.negative, input[type=button].negative, input[type=submit].negative {
  border-color: #b65456;
  color: #b65456
}
.button.positive, button.positive, input[type=button].positive, input[type=submit].positive {
  min-height: 32px;
  border-color: #4d9f0c;
  color: #3a7408
}
.button.transparent, button.transparent, input[type=button].transparent, input[type=submit].transparent {
  background-color: transparent;
  border: 0;
  padding-left: 0;
  padding-right: 0
}
.button.link, button.link, input[type=button].link, input[type=submit].link {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  background-color: transparent;
  text-transform: inherit;
  border: 0;
  padding: 0;
  color: #3d7e9a
}
.button.link:focus, .button.link:hover, button.link:focus, button.link:hover, input[type=button].link:focus, input[type=button].link:hover, input[type=submit].link:focus, input[type=submit].link:hover {
  text-decoration: underline
}
.button::-moz-focus-inner, button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
  margin-top: -1px;
  margin-bottom: -1px
}
.button i[class^=icon-], button i[class^=icon-], input[type=button] i[class^=icon-], input[type=submit] i[class^=icon-] {
  font-size: 19px;
  font-size: 1.05556rem
}
.button i[class^=icon-]:before, button i[class^=icon-]:before, input[type=button] i[class^=icon-]:before, input[type=submit] i[class^=icon-]:before {
  cursor: pointer
}
.button:not(.only-icon) i[class^=icon-], button:not(.only-icon) i[class^=icon-], input[type=button]:not(.only-icon) i[class^=icon-], input[type=submit]:not(.only-icon) i[class^=icon-] {
  float: left;
  margin-right: 10px
}
html[dir=rtl] .button:not(.only-icon) i[class^=icon-], html[dir=rtl] button:not(.only-icon) i[class^=icon-], html[dir=rtl] input[type=button]:not(.only-icon) i[class^=icon-], html[dir=rtl] input[type=submit]:not(.only-icon) i[class^=icon-] {
  float: right;
  margin-right: 0;
  margin-left: 10px
}
.button:active, .button:focus, .button:hover {
  text-decoration: none
}
table {
  margin-bottom: 24px
}
.gsc-input table {
  margin-bottom: 0;
}
caption {
  font-weight: 700
}
caption, th {
  text-align: left
}
html[dir=rtl] caption, html[dir=rtl] th {
  text-align: right
}
iframe, img, video {
  max-width: 100%
}
img, video {
  height: auto!important
}
i[class^=icon-] {
  cursor: default;
  display: inline-block
}
i[class^=icon-]:before {
  display: inline-block;
  text-decoration: none
}
label i[class^=icon-]:first-child {
  margin-left: 0;
  margin-right: 10px
}
html[dir=rtl] label i[class^=icon-]:first-child {
  margin-left: 10px;
  margin-right: 0
}
.icon {
  fill: currentColor
}
.icon-arrow, .icon-book, .icon-caret-down, .icon-caret-right, .icon-check-mark, .icon-chevron-down, .icon-chevron-up, .icon-close, .icon-cogs, .icon-exclamation-circle, .icon-exclamation-triangle, .icon-external-link, .icon-eye, .icon-file, .icon-flask, .icon-gear, .icon-globe, .icon-info-circle, .icon-language, .icon-lock, .icon-pencil, .icon-plain-text, .icon-play, .icon-shield, .icon-tags, .icon-undo, .search-icon .icon-search {
  width: 16px;
  height: 16px
}
.icon-close {
  width: 24px;
  height: 24px
}
.prevnext .icon-arrow-left {
  background-image: url("/static/arrows/arrow-left.svg");
  background-size: 20px;
  width: 20px;
  height: 20px
}
.prevnext .icon-arrow-left {
  transform: none
}
html[dir=rtl] .prevnext .icon-arrow-left {
  transform: scaleX(-1)
}
@media all and (min-width:47.9385em) {
  .prevnext .icon-arrow-left {
    margin: 0 5px 0 -4px
  }
  html[dir=rtl] .prevnext .icon-arrow-left {
    margin: 0 -4px 0 5px
  }
}
.prevnext .icon-arrow-up {
  background-image: url("/static/arrows/arrow-up.svg");
  background-size: 20px;
  width: 20px;
  height: 20px
}
.prevnext .icon-arrow-up {
  margin: 0 5px 0 -4px
}
html[dir=rtl] .prevnext .icon-arrow-up {
  margin: 0 -4px 0 5px
}
.prevnext .icon-arrow-right {
  background-image: url("/static/arrows/arrow-right.svg");
  background-size: 20px;
  width: 20px;
  height: 20px
}
.prevnext .icon-arrow-right {
  transform: none
}
html[dir=rtl] .prevnext .icon-arrow-right {
  transform: scaleX(-1)
}
@media all and (min-width:47.9385em) {
  .prevnext .icon-arrow-right {
    margin: 0 -4px 0 5px
  }
  html[dir=rtl] .prevnext .icon-arrow-right {
    margin: 0 5px 0 -4px
  }
}
i.icon-thumbs-down-alt {
  background-image: url("/static/emojis/thumbs-down.svg");
  background-size: 16px;
  width: 16px;
  height: 20px;
  vertical-align: bottom
}
i.icon-beaker {
  background-image: url("/static/general/flask.svg");
  background-size: 16px;
  width: 16px;
  height: 20px;
  vertical-align: text-bottom
}
i.icon-warning-sign {
  background-image: url("/static/notifications/exclamation-triangle.svg");
  background-size: 16px;
  width: 16px;
  height: 20px;
  vertical-align: bottom
}
i.icon-trash {
  background-image: url("/static/general/trash.svg");
  background-size: 16px;
  width: 16px;
  height: 20px;
  vertical-align: text-bottom
}
i.icon-info-sign {
  background-image: url("/static/notifications/info-circle.svg");
  background-size: 24px;
  width: 24px;
  height: 30px
}
.icon-only-inline i.icon-beaker {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogIzA5ZDsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI2IiBoZWlnaHQ9IjI4IiBhcmlhLWhpZGRlbj0idHJ1ZSI+PHBhdGggZD0iTTIzLjg1OSAyMi42MjVDMjUuMDMxIDI0LjQ4NCAyNC4yMDMgMjYgMjIgMjZINGMtMi4yMDMgMC0zLjAzMS0xLjUxNi0xLjg1OS0zLjM3NUwxMCAxMC4yMzRWNEg5Yy0uNTQ3IDAtMS0uNDUzLTEtMXMuNDUzLTEgMS0xaDhjLjU0NyAwIDEgLjQ1MyAxIDFzLS40NTMgMS0xIDFoLTF2Ni4yMzR6TTExLjY4OCAxMS4yOTdMNy40MzggMThoMTEuMTI1bC00LjI1LTYuNzAzLS4zMTMtLjQ4NFY0aC0ydjYuODEzeiIvPjwvc3ZnPg);
  background-size: 16px;
  width: 16px;
  height: 20px
}
.icon-only-inline i.icon-warning-sign {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2RiMDsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiBhcmlhLWhpZGRlbj0idHJ1ZSI+PHBhdGggZD0iTTE2IDIxLjQ4NHYtMi45NjlhLjUwOC41MDggMCAwIDAtLjUtLjUxNmgtM2MtLjI4MSAwLS41LjIzNC0uNS41MTZ2Mi45NjljMCAuMjgxLjIxOS41MTYuNS41MTZoM2MuMjgxIDAgLjUtLjIzNC41LS41MTZ6bS0uMDMxLTUuODQzbC4yODEtNy4xNzJhLjM3OC4zNzggMCAwIDAtLjE1Ni0uMjk3QzE2IDguMDk0IDE1Ljg2IDggMTUuNzE5IDhoLTMuNDM3Yy0uMTQxIDAtLjI4MS4wOTQtLjM3NS4xNzItLjEwOS4wNzgtLjE1Ni4yMzQtLjE1Ni4zMjhsLjI2NiA3LjE0MWMwIC4yMDMuMjM0LjM1OS41MzEuMzU5aDIuODkxYy4yODEgMCAuNTE2LS4xNTYuNTMxLS4zNTl6TTE1Ljc1IDEuMDQ3bDEyIDIyYy4zNDQuNjA5LjMyOCAxLjM1OS0uMDMxIDEuOTY5UzI2LjcwMyAyNiAyNiAyNkgyYy0uNzAzIDAtMS4zNTktLjM3NS0xLjcxOS0uOTg0cy0uMzc1LTEuMzU5LS4wMzEtMS45NjlsMTItMjJhMS45ODggMS45ODggMCAwIDEgMy41IDB6Ii8+PC9zdmc+);
  background-size: 16px;
  width: 16px;
  height: 20px
}
.icon-only-inline i.icon-trash {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2QwMDsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIyIiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMjIgMjgiIGFyaWEtaGlkZGVuPSJ0cnVlIj48cGF0aCBkPSJNOCAyMS41di0xMWMwLS4yODEtLjIxOS0uNS0uNS0uNWgtMWMtLjI4MSAwLS41LjIxOS0uNS41djExYzAgLjI4MS4yMTkuNS41LjVoMWMuMjgxIDAgLjUtLjIxOS41LS41em00IDB2LTExYzAtLjI4MS0uMjE5LS41LS41LS41aC0xYy0uMjgxIDAtLjUuMjE5LS41LjV2MTFjMCAuMjgxLjIxOS41LjUuNWgxYy4yODEgMCAuNS0uMjE5LjUtLjV6bTQgMHYtMTFjMC0uMjgxLS4yMTktLjUtLjUtLjVoLTFjLS4yODEgMC0uNS4yMTktLjUuNXYxMWMwIC4yODEuMjE5LjUuNS41aDFjLjI4MSAwIC41LS4yMTkuNS0uNXpNNy41IDZoN2wtLjc1LTEuODI4QS42LjYgMCAwIDAgMTMuNDg0IDRIOC41MzFhLjUyNi41MjYgMCAwIDAtLjI2Ni4xNzJ6bTE0LjUuNXYxYzAgLjI4MS0uMjE5LjUtLjUuNUgyMHYxNC44MTJjMCAxLjcxOS0xLjEyNSAzLjE4Ny0yLjUgMy4xODdoLTEzYy0xLjM3NSAwLTIuNS0xLjQwNi0yLjUtMy4xMjVWNy45OTlILjVhLjQ5NC40OTQgMCAwIDEtLjUtLjV2LTFjMC0uMjgxLjIxOS0uNS41LS41aDQuODI4TDYuNDIyIDMuMzljLjMxMy0uNzY2IDEuMjUtMS4zOTEgMi4wNzgtMS4zOTFoNWMuODI4IDAgMS43NjYuNjI1IDIuMDc4IDEuMzkxbDEuMDk0IDIuNjA5SDIxLjVjLjI4MSAwIC41LjIxOS41LjV6Ii8+PC9zdmc+);
  background-size: 16px;
  width: 16px;
  height: 20px
}
.standard-table i.icon-cogs {
  background-image: url("/static/general/cogs.svg");
  background-size: 16px;
  width: 16px;
  height: 20px
}
.login-link .icon {
  margin-left: 5px;
  vertical-align: text-bottom
}
.icon-language {
  vertical-align: bottom
}
.page-tags .icon-tags {
  width: 24px;
  height: 24px;
  vertical-align: bottom
}
.page-attachments .icon-paperclip, .page-attachments .icon-question-mark, .page-tags .icon-question-mark, .revision-comment-link .icon-question-mark {
  vertical-align: bottom
}
.contributors-sub .icon-clock, .contributors-sub .icon-group, div[class*=metadata] .icon-group {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  vertical-align: middle
}
.contributors-sub .icon-clock, div[class*=metadata] .icon-clock {
  width: 16px;
  height: 16px
}
button[type=submit] .icon-check-mark {
  vertical-align: bottom
}
.site.github .icon-github {
  margin-right: 5px;
  vertical-align: bottom
}
.user-buttons .icon-pencil {
  margin-right: 5px;
  vertical-align: bottom
}
.user-buttons .icon-gear {
  vertical-align: bottom
}
.user-links .icon-discourse, .user-links .icon-facebook, .user-links .icon-github, .user-links .icon-group, .user-links .icon-linkedin, .user-links .icon-stack-overflow, .user-links .icon-twitter {
  margin-right: 5px;
  width: 21px;
  height: 21px;
  vertical-align: inherit
}
.user-links .icon-facebook, .user-links .icon-linkedin {
  vertical-align: top
}
.user-links .icon-github, .user-links .icon-twitter {
  vertical-align: bottom
}
.attachment .icon-paperclip {
  width: 16px;
  height: 16px;
  vertical-align: bottom
}
.search-results-filters .icon-checkbox, .search-results-filters .icon-list {
  vertical-align: middle
}
.search-results-filters .icon-checkbox {
  margin-bottom: 2px;
  width: 16px;
  height: 16px
}
.search-results-container .icon-file {
  margin-right: 10px;
  width: 21px;
  height: 21px
}
.email_list .icon-trash {
  vertical-align: middle
}
.dashboard-detail-details .icon-book, .dashboard-detail-details .icon-pencil, .dashboard-detail-details .icon-play, .dashboard-detail-details .icon-undo {
  float: left;
  margin-right: 5px
}
.column-hacks .icon-arrow {
  vertical-align: text-bottom
}
@media all and (max-width:47.9375em) {
  .column-hacks .icon-star, .column-involved .icon-smile {
    width: 16px;
    height: 16px
  }
}
.clear {
  clear: both
}
.clear:after {
  content: ' ';
  clear: both;
  display: table
}
.align-center {
  text-align: center
}
.center {
  margin: 0 auto;
  position: relative;
  max-width: 87.4375em;
  padding-left: 15px;
  padding-right: 15px
}
main>.center {
  padding-top: 30px;
  padding-bottom: 30px
}
@media all and (min-width:47.9385em) {
  .center {
    padding-left: 24px;
    padding-right: 24px
  }
}
.wiki-main-content .center {
  padding-left: 0;
  padding-right: 0
}
.hide {
  visibility: hidden
}
.hidden, .is-hidden {
  display: none
}
.translate-rendered .hidden, .translate-rendered .is-hidden, body[contenteditable] .hidden, body[contenteditable] .is-hidden, html.cke_panel_container .hidden, html.cke_panel_container .is-hidden {
  position: relative;
  display: block;
  border: 2px dotted #000;
  padding: 3px
}
.translate-rendered .hidden:before, .translate-rendered .is-hidden:before, body[contenteditable] .hidden:before, body[contenteditable] .is-hidden:before, html.cke_panel_container .hidden:before, html.cke_panel_container .is-hidden:before {
  font-size: 14px;
  font-size: .77778rem;
  font-family: Helvetica, arial, sans-serif;
  content: 'hidden';
  position: absolute;
  top: -17px;
  left: -2px;
  z-index: 10;
  display: block;
  padding: 0 2px;
  background: #000;
  color: #fff
}
.title {
  font-weight: 700;
  color: #333;
  text-decoration: none;
  display: block
}
.smaller {
  font-size: 16px;
  font-size: .88889rem
}
.larger {
  font-size: 19px;
  font-size: 1.05556rem
}
.grid-padding {
  padding: 20px
}
.fixed {
  position: fixed;
  top: 0;
  z-index: 10;
  overflow-y: auto
}
.media, .media-body, .notification, .notification-message {
  overflow: hidden;
  zoom: 1
}
.media-side, .notification-img {
  float: left;
  margin-right: 10px
}
html[dir=rtl] .media-side, html[dir=rtl] .notification-img {
  float: right;
  margin-right: 0;
  margin-left: 10px
}
.media-side img, .notification-img img {
  display: block
}
.media-reverse .media-side, .media-reverse .notification-img {
  float: right;
  margin-left: 10px
}
html[dir=rtl] .media-reverse .media-side, html[dir=rtl] .media-reverse .notification-img {
  float: left;
  margin-left: 0;
  margin-right: 10px
}
@media all and (max-width:47.9375em) {
  .media-mobile-stack .media-body, .media-mobile-stack .media-side, .media-mobile-stack .notification-img, .media-mobile-stack .notification-message {
    float: none;
    margin-left: 0;
    margin-right: 0
  }
  .media-mobile-stack.media-reverse {
    display: table;
    caption-side: top;
    width: 100%
  }
  .media-mobile-stack.media-reverse .media-side, .media-mobile-stack.media-reverse .notification-img {
    display: table-cell
  }
  .media-mobile-stack.media-reverse .media-body, .media-mobile-stack.media-reverse .notification-message {
    display: table-caption
  }
}
@media all and (max-width:29.9375em) {
  .media-small-mobile-stack .media-body, .media-small-mobile-stack .media-side, .media-small-mobile-stack .notification-img, .media-small-mobile-stack .notification-message {
    float: none;
    margin-left: 0;
    margin-right: 0
  }
  .media-small-mobile-stack.media-reverse {
    display: table;
    caption-side: top;
    width: 100%
  }
  .media-small-mobile-stack.media-reverse .media-side, .media-small-mobile-stack.media-reverse .notification-img {
    display: table-cell
  }
  .media-small-mobile-stack.media-reverse .media-body, .media-small-mobile-stack.media-reverse .notification-message {
    display: table-caption
  }
}
.only-icon i[class^=icon-] {
  margin-top: -1px!important
}
.bump-left-padding {
  padding-left: 40px
}
.light-grey-background {
  background-color: #eee
}
.full-width {
  display: block;
  width: 100%
}
.toggler {
  position: relative
}
.toggler i[class^=icon-] {
  position: absolute;
  top: 3px;
  color: #333
}
.toggler i[class^=icon-] {
  right: 10px
}
html[dir=rtl] .toggler i[class^=icon-] {
  right: auto;
  left: 10px
}
.toggler .icon-caret-right {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}
html[dir=rtl] .toggler .icon-caret-right {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
.toggle-container.closed {
  display: none
}
.subnav .toggler, .subnav>ol>li>a {
  padding: 20px 40px 20px 20px;
  border-bottom: 1px dotted #d4dde4;
  text-transform: uppercase;
  display: block
}
.subnav ol ol {
  display: none
}
.no-js .subnav ol ol {
  display: block
}
.subnav .toggleable.current, .subnav>ol>li.current {
  background: #eee
}
.subnav i[class^=icon-] {
  top: 23px
}
.subnav i[class^=icon-] {
  right: 20px
}
html[dir=rtl] .subnav i[class^=icon-] {
  right: auto;
  left: 20px
}
.subnav .toggle-container a {
  font-size: 16px;
  font-size: .88889rem;
  display: block;
  padding: 6px 20px
}
.subnav .toggle-container .toggleable {
  background: #e9eef1
}
.subnav .toggle-container .toggleable .toggler {
  font-weight: 700;
  color: #333;
  text-decoration: none;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 0
}
.subnav .toggle-container .toggleable .toggler i {
  top: 10px
}
.subnav .toggle-container .toggleable .toggle-container a {
  padding-left: 30px
}
.subnav .toggle-container li.current>a:not(.toggler) {
  position: relative;
  color: #fff;
  background-color: #333
}
.subnav .toggle-container li.current>a:not(.toggler):after, .subnav .toggle-container li.current>a:not(.toggler):before {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 10px solid transparent
}
.subnav .toggle-container li.current>a:not(.toggler):before {
  border-right-color: #fff;
  position: absolute;
  top: 20%;
  right: 0
}
.subnav a {
  text-decoration: none
}
.subnav a:active, .subnav a:focus, .subnav a:hover {
  text-decoration: underline
}
.notification {
  border-radius: 2px;
  border-style: solid;
  border-width: 2px;
  margin-bottom: 20px;
  padding: 10px;
  position: relative
}
body>.notification {
  margin-bottom: 0
}
.text-content .notification {
  box-sizing: border-box;
  max-width: 42rem
}
.notification.closed {
  display: none
}
.notification.clickable {
  cursor: pointer
}
.notification button.close {
  background: 0 0;
  border: 0;
  display: block;
  padding: 2px;
  position: absolute;
  top: 0;
  right: 0
}
.notification {
  background-color: #eee;
  border-color: #696969;
  color: #333
}
.notification .notification-button {
  background-color: #696969;
  color: #333
}
.notification .notification-button:focus, .notification .notification-button:hover {
  background: 0 0;
  text-decoration: none
}
.notification button.close {
  color: #696969
}
.notification button.close:focus, .notification button.close:hover {
  color: #4c4c4c
}
.notification.info {
  background-color: #e4f0f5;
  border-color: #3d7e9a;
  color: #333
}
.notification.info .notification-button {
  background-color: #3d7e9a;
  color: #333
}
.notification.info .notification-button:focus, .notification.info .notification-button:hover {
  background: 0 0;
  text-decoration: none
}
.notification.info button.close {
  color: #3d7e9a
}
.notification.info button.close:focus, .notification.info button.close:hover {
  color: #285c76
}
.notification.success {
  background-color: #ebf8e1;
  border-color: #4d9f0c;
  color: #333
}
.notification.success .notification-button {
  background-color: #4d9f0c;
  color: #333
}
.notification.success .notification-button:focus, .notification.success .notification-button:hover {
  background: 0 0;
  text-decoration: none
}
.notification.success button.close {
  color: #4d9f0c
}
.notification.success button.close:focus, .notification.success button.close:hover {
  color: #3a7408
}
.notification.warning {
  background-color: #fff3d4;
  border-color: #f6b73c;
  color: #333;
  border-width: 2px;
  font-style: normal
}
.notification.warning .notification-button {
  background-color: #f6b73c;
  color: #333
}
.notification.warning .notification-button:focus, .notification.warning .notification-button:hover {
  background: 0 0;
  text-decoration: none
}
.notification.warning button.close {
  color: #f6b73c
}
.notification.warning button.close:focus, .notification.warning button.close:hover {
  color: #b28529
}
.notification.warning a, .notification.warning a:focus, .notification.warning a:hover, .notification.warning a:visited {
  border-bottom: 0;
  color: #3d7e9a;
  text-decoration: none
}
.notification.warning a:focus, .notification.warning a:hover {
  text-decoration: underline
}
.notification.error {
  background-color: #ffe7e8;
  border-color: #e66465;
  color: #333
}
.notification.error .notification-button {
  background-color: #e66465;
  color: #333
}
.notification.error .notification-button:focus, .notification.error .notification-button:hover {
  background: 0 0;
  text-decoration: none
}
.notification.error button.close {
  color: #e66465
}
.notification.error button.close:focus, .notification.error button.close:hover {
  color: #b65456
}
.notification-message :first-child {
  margin-top: 0
}
.notification-button {
  border: 1px solid;
  border-radius: 2px;
  display: inline-block;
  line-height: 1;
  margin: 5px 5px 0 0;
  padding: 2px 5px 3px;
  text-transform: none
}
.notification.warning .notification-button {
  border: 1px solid;
  margin: 5px 5px 0 0;
  padding: 2px 5px 3px
}
.notification-tray {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 999999;
  width: 300px;
  font-size: 16px
}
.notification-tray .notification {
  margin-bottom: 8px
}
ul.option-list {
  clear: both;
  float: left;
  list-style-type: none;
  max-width: 100%;
  overflow: hidden
}
ul.option-list:after {
  content: ' ';
  clear: both;
  display: table
}
ul.option-list {
  padding-left: 20px
}
html[dir=rtl] ul.option-list {
  padding-left: 0;
  padding-right: 20px
}
ul.option-list li {
  clear: both
}
ul.option-list li:after {
  content: ' ';
  clear: both;
  display: table
}
.option-list-options {
  float: right;
  margin-left: 20px;
  text-align: right
}
html[dir=rtl] .option-list-options {
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  text-align: left
}
@media all and (max-width:47.9375em) {
  .option-list-options {
    width: 100%
  }
}
.text-content dl, .text-content ol, .text-content ul {
  box-sizing: border-box;
  max-width: 42rem
}
.text-content ul {
  list-style: disc
}
.text-content ul ul {
  list-style: circle
}
.text-content ol ol, .text-content ol ul, .text-content ul ol, .text-content ul ul {
  margin-bottom: 0;
  padding-top: 6px
}
.text-content ol, .text-content ul {
  margin-bottom: 24px
}
.text-content ol, .text-content ul {
  padding-left: 40px
}
html[dir=rtl] .text-content ol, html[dir=rtl] .text-content ul {
  padding-left: 0;
  padding-right: 40px
}
.text-content ol.no-bullets, .text-content ul.no-bullets {
  list-style-type: none
}
.text-content ol.no-bullets, .text-content ul.no-bullets {
  padding-left: 0
}
html[dir=rtl] .text-content ol.no-bullets, html[dir=rtl] .text-content ul.no-bullets {
  padding-left: 0;
  padding-right: 0
}
.text-content ol {
  list-style-type: decimal
}
.text-content li {
  margin-bottom: 6px
}
.text-content>li:last-child {
  padding-bottom: 0
}
.text-content dt {
  font-style: normal;
  font-weight: 700
}
.text-content dd {
  margin-bottom: 24px
}
.text-content dd {
  padding-left: 20px
}
html[dir=rtl] .text-content dd {
  padding-left: 0;
  padding-right: 20px
}
.text-content img.lwrap {
  padding: 0 20px 10px 0
}
.text-content img.rwrap {
  padding: 0 0 10px 20px
}
.text-content article[id=wikiArticle]>div:not([class])>h2, .text-content article[id=wikiArticle]>h2 {
  position: relative;
  margin-top: 60px;
  padding-top: 40px;
  border-top: 3px solid #3d7e9a
}
.text-content article[id=wikiArticle]>div:first-child:empty+div:not([class])>h2:first-child, .text-content article[id=wikiArticle]>div:first-child:empty+h2, .text-content article[id=wikiArticle]>h2:first-child, .text-content article[id=wikiArticle]>p:first-child:empty+div:not([class])>h2:first-child, .text-content article[id=wikiArticle]>p:first-child:empty+h2 {
  margin-top: 0;
  padding-top: 0
}
.text-content article[id=wikiArticle]>div:first-child:empty+div:not([class])>h2:first-child:before, .text-content article[id=wikiArticle]>div:first-child:empty+h2:before, .text-content article[id=wikiArticle]>h2:first-child:before, .text-content article[id=wikiArticle]>p:first-child:empty+div:not([class])>h2:first-child:before, .text-content article[id=wikiArticle]>p:first-child:empty+h2:before {
  display: none
}
.text-content article[id=wikiArticle]>blockquote+h2, .text-content article[id=wikiArticle]>hr+h2 {
  margin-top: -23px;
  padding-top: 43px;
  background-color: #fff
}
.text-content article[id=wikiArticle]>blockquote+h2:before, .text-content article[id=wikiArticle]>hr+h2:before {
  top: 0
}
.text-content.boxed>h2 {
  position: relative;
  margin-top: 60px;
  padding-top: 40px;
  border-top: 3px solid #3d7e9a
}
.text-content article[id=wikiArticle]>div:not([class])>h3 .highlight-span, .text-content article[id=wikiArticle]>h3 .highlight-span, .text-content article[id=wikiArticle]>h3:not(.highlight-spanned) {
  padding: 0 4px 0 20px
}
html[dir=rtl] .text-content article[id=wikiArticle]>div:not([class])>h3 .highlight-span, html[dir=rtl] .text-content article[id=wikiArticle]>h3 .highlight-span, html[dir=rtl] .text-content article[id=wikiArticle]>h3:not(.highlight-spanned) {
  padding: 0 20px 0 4px
}
@media all and (min-width:47.9385em) {
  .text-content article[id=wikiArticle]>div:not([class])>h3 .highlight-span, .text-content article[id=wikiArticle]>h3 .highlight-span, .text-content article[id=wikiArticle]>h3:not(.highlight-spanned) {
    padding: 0 4px 0 40px
  }
  html[dir=rtl] .text-content article[id=wikiArticle]>div:not([class])>h3 .highlight-span, html[dir=rtl] .text-content article[id=wikiArticle]>h3 .highlight-span, html[dir=rtl] .text-content article[id=wikiArticle]>h3:not(.highlight-spanned) {
    padding: 0 40px 0 4px
  }
}
.text-content table {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border: solid #e0e0dc;
  border-width: 1px 0 0 1px
}
.text-content table dl, .text-content table p, .text-content table ul {
  max-width: 100%
}
.text-content table.standard-table:not(.learn-box) {
  border: 2px solid #fff
}
.text-content table.standard-table:not(.learn-box) td {
  background-color: #f9fafb;
  background-color: rgba(212, 221, 228, .15);
  border: 2px solid #fff;
  box-shadow: inset 0 -1px 0 0 rgba(212, 221, 228, .5)
}
.text-content table.standard-table:not(.learn-box):not(.nostripe) tr:nth-child(odd) td {
  background-color: #f4f7f8;
  background-color: rgba(212, 221, 228, .25)
}
.text-content table.standard-table:not(.learn-box) td.header, .text-content table.standard-table:not(.learn-box) th {
  border: 2px solid #fff;
  border-bottom: 2px solid #d4dde4;
  background: #eaeef2;
  background: rgba(212, 221, 228, .5);
  padding: 2px 8px 4px;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  font-weight: 700
}
.text-content table.standard-table:not(.learn-box).fullwidth {
  width: 100%
}
.text-content table.fullwidth-table {
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #eaeef2;
  border-color: rgba(212, 221, 228, .5);
  margin-bottom: 20px;
  width: 100%
}
.text-content table.fullwidth-table td {
  border: 1px solid #ccc;
  padding: 5px;
  vertical-align: top
}
.text-content table.fullwidth-table td {
  text-align: left
}
html[dir=rtl] .text-content table.fullwidth-table td {
  text-align: right
}
.text-content table.fullwidth-table td.header, .text-content table.fullwidth-table th {
  background: #eaeef2;
  background: rgba(212, 221, 228, .5);
  border: 1px solid #d4dde4;
  padding: 5px
}
.text-content td, .text-content th {
  border: solid #e0e0dc;
  border-width: 0 1px 1px 0;
  padding: 6px 8px
}
.text-content td, .text-content th {
  text-align: left
}
html[dir=rtl] .text-content td, html[dir=rtl] .text-content th {
  text-align: right
}
.text-content thead th {
  background: #eaeef2;
  background: rgba(212, 221, 228, .5)
}
.text-content div:not(.line-highlight):empty {
  display: none
}
.text-content p {
  box-sizing: border-box;
  max-width: 42rem
}
.text-content pre {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%
}
.text-content pre dl, .text-content pre p, .text-content pre ul {
  max-width: 100%
}
.ui-helper-hidden-accessible {
  display: none
}
.ui-autocomplete {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-top: 0;
  cursor: default;
  padding-top: 2px;
  position: absolute;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .08)
}
.ui-menu {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0
}
.ui-menu .ui-menu-item {
  clear: left;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  zoom: 1
}
.ui-menu .ui-menu-item a {
  display: block;
  line-height: 1.5;
  text-decoration: none;
  zoom: 1
}
.ui-menu .ui-state-active, .ui-menu .ui-state-focus, .ui-menu .ui-state-highlight, .ui-menu .ui-state-hover {
  background: #eee
}
@media all and (max-width:47.9375em) {
  .column-1, .column-10, .column-11, .column-12, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-all, .column-container>[class^=column-], .column-half, .column-quarter, .column-strip, .column-third {
    clear: both
  }
  .column-10:after, .column-11:after, .column-12:after, .column-1:after, .column-2:after, .column-3:after, .column-4:after, .column-5:after, .column-6:after, .column-7:after, .column-8:after, .column-9:after, .column-all:after, .column-container>[class^=column-]:after, .column-half:after, .column-quarter:after, .column-strip:after, .column-third:after {
    content: ' ';
    clear: both;
    display: table
  }
}
@media all and (min-width:47.9385em) {
  .column-container {
    clear: both
  }
  .column-container:after {
    content: ' ';
    clear: both;
    display: table
  }
  .column-container>[class^=column-] {
    margin-right: 3%;
    min-height: 1px
  }
  .column-container>[class^=column-] {
    float: left
  }
  html[dir=rtl] .column-container>[class^=column-] {
    float: right
  }
  .column-container>[class^=column-]:first-child {
    margin-right: 3%
  }
  html[dir=rtl] .column-container>[class^=column-]:first-child {
    margin-right: 0
  }
  .column-container>[class^=column-]:last-child {
    margin-right: 0
  }
  html[dir=rtl] .column-container>[class^=column-]:last-child {
    margin-right: 3%
  }
  .column-container.column-container-reverse>[class^=column-] {
    float: right
  }
  html[dir=rtl] .column-container.column-container-reverse>[class^=column-] {
    float: left
  }
  .column-container.column-container-reverse>[class^=column-]:first-child {
    margin-right: 0
  }
  html[dir=rtl] .column-container.column-container-reverse>[class^=column-]:first-child {
    margin-right: 3%
  }
  .column-container.column-container-reverse>[class^=column-]:last-child {
    margin-right: 3%
  }
  html[dir=rtl] .column-container.column-container-reverse>[class^=column-]:last-child {
    margin-right: 0
  }
  .column-closed {
    display: none
  }
  .column-1 {
    width: 5.58333%
  }
  .column-2 {
    width: 14.16667%
  }
  .column-3, .column-quarter, .column-strip {
    width: 22.75%
  }
  .column-4, .column-third {
    width: 31.33333%
  }
  .column-5 {
    width: 39.91667%
  }
  .column-6, .column-half {
    width: 48.5%
  }
  .column-7 {
    width: 57.08333%
  }
  .column-8 {
    width: 65.66667%
  }
  .column-9, .column-main {
    width: 74.25%
  }
  .column-10 {
    width: 82.83333%
  }
  .column-11 {
    width: 91.41667%
  }
  .column-12, .column-all {
    width: auto;
    margin: 0;
    float: none
  }
}
.cols-2 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px
}
.cols-3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px
}
.cols-4 {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px
}
.global-notice {
  position: relative;
  margin: 0 0 -1px;
  background: #eee;
  z-index: 9
}
.global-notice .wrap {
  font-size: 16px;
  font-size: .88889rem;
  padding: 10px 24px
}
.global-notice .wrap>p:last-child {
  margin-bottom: 0
}
#nav-access {
  width: 100%;
  position: absolute;
  top: -20em;
  z-index: 1001
}
#nav-access a {
  background: #fff;
  background: rgba(255, 255, 255, .9);
  padding: 12px 10px;
  position: absolute;
  left: 0;
  right: 0;
  font-weight: 700;
  text-align: center
}
#nav-access a:focus, #nav-access a:hover {
  box-shadow: 3px 3px 5px #aaa;
  top: 20em;
  text-decoration: none
}
.document-head {
  position: relative;
  z-index: 88;
  clear: both;
  background-color: #f5f9fa;
  padding: 30px 0 30px 0
}
.document-title h1, div[class*=titlebar] h1 {
  font-size: 32px;
  font-size: 1.77778rem;
  hyphens: auto
}
@media all and (min-width:29.9385em) {
  .document-title h1, div[class*=titlebar] h1 {
    font-size: 51px;
    font-size: 2.83333rem
  }
}
.document-title em, div[class*=titlebar] em {
  font-style: normal;
  text-transform: none
}
.document-title em, div[class*=titlebar] em {
  margin-left: -3px
}
html[dir=rtl] .document-title em, html[dir=rtl] div[class*=titlebar] em {
  margin-left: 0;
  margin-right: -3px
}
.document-actions {
  padding-bottom: 0
}
.document-actions {
  text-align: right
}
html[dir=rtl] .document-actions {
  text-align: left
}
.document-actions .page-buttons {
  float: none
}
html[dir=rtl] .document-actions .page-buttons {
  float: none
}
@media all and (min-width:29.9385em) {
  @supports (display: flex) {
    .document-head .center {
      display:flex;
      justify-content: space-between;
      flex-wrap: wrap
    }
    .document-head .center .document-title {
      flex-grow: 1
    }
    .document-head .center .document-actions {
      flex-grow: 9999
    }
    .document-head .center .document-actions {
      text-align: right
    }
    html[dir=rtl] .document-head .center .document-actions {
      text-align: left
    }
  }
}
.title-prefix {
  font-size: 24px;
  font-size: 1.33333rem;
  display: block;
  color: #696969
}
.title-properties button.link {
  font-size: 16px;
  font-size: .88889rem;
  font-weight: 700
}
.title-locale {
  font-size: 16px;
  font-size: .88889rem
}
.nav-footer-logo {
  display: block;
  background-image: url("/static/img/web-docs-white.png");
  background-size: 219px 48px;
  background-repeat: no-repat;
  margin-bottom: 15px;
  width: 219px;
  height: 48px;
  direction: ltr;
  text-indent: -9999px;
  overflow: hidden
}
.nav-footer {
  background-color: #212121;
  color: #fff;
  padding: 20px 20px 10px
}
.nav-footer .content-container {
  margin: 0 auto;
  max-width: 1400px
}
.nav-footer a {
  color: #fff
}
.nav-footer ul a {
  display: block;
  padding: 10px 0
}
.nav-footer .social {
  display: flex;
  align-items: center
}
.nav-footer .social h4 {
  margin: inherit;
  margin-right: 10px;
  font-family: Arial, x-locale-body, sans-serif;
  font-size: 18px;
  font-weight: 400
}
.nav-footer .social li {
  display: inline-block;
  margin-right: 10px
}
.nav-footer .social svg {
  width: 18px;
  height: 18px;
  vertical-align: sub
}
.nav-footer .footer-license {
  margin: 10px 0
}
@media all and (min-width:47.9385em) {
  .nav-footer {
    padding-top: 40px
  }
  .nav-footer .footer-legal {
    padding-bottom: 20px
  }
}
.nav-footer .footer-legal li {
  display: inline-block
}
.nav-footer .footer-legal a {
  display: block;
  padding: 0 20px 0 0;
  text-decoration: underline
}
@supports (display:grid) {
  .content-container {
    display: grid
  }
  .content-container .footer-legal, .content-container .footer-license, .content-container .link-list-mdn, .content-container .link-list-moz, .content-container .nav-footer-logo {
    grid-column: 1/3
  }
  .content-container .nav-footer-logo {
    grid-row: 1/2
  }
  .content-container .link-list-mdn {
    grid-row: 2/3
  }
  @media all and (min-width:47.9385em) {
    .content-container .link-list-mdn {
      grid-column: 1/2
    }
  }
  .content-container .link-list-moz {
    grid-row: 3/4
  }
  @media all and (min-width:47.9385em) {
    .content-container .link-list-moz {
      grid-row: 2/3;
      grid-column: 2/3
    }
  }
  .content-container .social-mdn {
    grid-row: 4/5;
    grid-column: 1/2
  }
  .content-container .social-moz {
    grid-row: 4/5;
    grid-column: 2/3
  }
  .content-container .footer-license {
    grid-row: 5/6
  }
  .content-container .footer-legal {
    grid-row: 6/7
  }
}
.contentinfo {
  font-size: 14px;
  font-size: .77778rem
}
.contentinfo p {
  display: inline
}
@media all and (min-width:63.9385em) {
  .contentinfo {
    width: 31.33333%
  }
}
.archive-content {
  background-color: #ffe7e8;
  border: 10px solid #e66465;
  border-image: repeating-linear-gradient(-45deg, #e66465 0, #e66465 5px, #f6b73c 5px, #f6b73c 10px, #e66465 10px) 10 10 repeat;
  padding: 15px
}
@media all and (min-width:47.9385em) {
  .archive-content {
    border-width: 20px;
    border-image: repeating-linear-gradient(-45deg, #e66465 0, #e66465 10px, #f6b73c 10px, #f6b73c 20px, #e66465 20px) 20 20 repeat;
    padding: 24px
  }
}
.socialaccount-providers li {
  margin: 0 20px 0 0;
  display: inline-block
}
.socialaccount-providers li span.signin {
  min-width: 140px
}
a.github-button {
  border-radius: 3px;
  z-index: 2;
  display: inline-block;
  font-weight: 700
}
a.github-button:focus span {
  text-decoration: underline
}
a.github-button span {
  text-decoration: none;
  display: block;
  float: left;
  font-size: 18px;
  font-size: 1rem;
  line-height: 24px;
  color: #fff;
  padding: 0 10px 0 20px;
  position: relative
}
a.github-button span:after {
  content: '';
  position: absolute;
  top: 0;
  right: -12px;
  width: 24px;
  height: 24px;
  z-index: 1;
  -webkit-transform: scale(.707) rotate(45deg);
  -ms-transform: scale(.707) rotate(45deg);
  transform: scale(.707) rotate(45deg);
  border-radius: 0 3px 0 50px
}
a.github-button span.github-icon {
  padding-left: 3px;
  border-radius: 3px 0 0 3px;
  background: -webkit-linear-gradient(#43a6e2, #287cc2);
  background: -moz-linear-gradient(#43a6e2, #287cc2);
  background: -ms-linear-gradient(#43a6e2, #287cc2);
  background: linear-gradient(#43a6e2, #287cc2);
  height: 24px
}
a.github-button span.github-icon:after {
  background: -webkit-linear-gradient(left top, #43a6e2, #287cc2);
  background: -moz-linear-gradient(left top, #43a6e2, #287cc2);
  background: -ms-linear-gradient(left top, #43a6e2, #287cc2);
  background: linear-gradient(left top, #43a6e2, #287cc2)
}
a.github-button span.github-icon i {
  position: relative;
  top: 2px;
  left: 5px;
  width: 15px;
  height: 15px;
  display: inline-block
}
a.github-button span.signin {
  text-shadow: 0 1.5px 1px rgba(0, 0, 0, .35);
  line-height: 23px;
  padding-bottom: 1px
}
a.github-button span.signin:after {
  z-index: 2;
  background: -webkit-linear-gradient(top left, #56565a, #3a3a3a);
  background: -moz-linear-gradient(top left, #56565a, #3a3a3a);
  background: -ms-linear-gradient(top left, #56565a, #3a3a3a);
  background: linear-gradient(top left, #56565a, #3a3a3a)
}
a.github-button span.signin {
  background: -webkit-linear-gradient(#56565a, #3a3a3a);
  background: -moz-linear-gradient(#56565a, #3a3a3a);
  background: -ms-linear-gradient(#56565a, #3a3a3a);
  background: linear-gradient(#56565a, #3a3a3a)
}
a.github-button span.github-icon {
  background: -webkit-linear-gradient(#5d649a, #63397b);
  background: -moz-linear-gradient(#5d649a, #63397b);
  background: -ms-linear-gradient(#5d649a, #63397b);
  background: linear-gradient(#5d649a, #63397b)
}
a.github-button span.github-icon:after {
  background: -webkit-linear-gradient(left top, #5d649a, #63397b);
  background: -moz-linear-gradient(left top, #5d649a, #63397b);
  background: -ms-linear-gradient(left top, #5d649a, #63397b);
  background: linear-gradient(left top, #5d649a, #63397b)
}
a.github-button span.github-icon i[class^=icon-] {
  top: 0;
  left: 8px
}
#feature-test-element {
  position: absolute;
  left: 0;
  top: -999999px;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: 1
}
@media all and (max-width:74.9375em) {
  #feature-test-element {
    z-index: 2
  }
}
@media all and (max-width:63.9375em) {
  #feature-test-element {
    z-index: 3
  }
}
@media all and (max-width:47.9375em) {
  #feature-test-element {
    z-index: 4
  }
}
ol.pagination {
  margin: 20px 0;
  padding: 0 0 30px 0
}
ol.pagination li {
  padding: 0 2px
}
ol.pagination li {
  float: left
}
html[dir=rtl] ol.pagination li {
  float: right
}
ol.pagination li.prev, ol.pagination li.prev a {
  padding-left: 0
}
html[dir=rtl] ol.pagination li.prev, html[dir=rtl] ol.pagination li.prev a {
  padding-left: inherit;
  padding-right: 0
}
ol.pagination li a {
  padding: 3px 8px 5px
}
ol.pagination li a {
  float: left
}
html[dir=rtl] ol.pagination li a {
  float: right
}
ol.pagination li a:hover {
  text-decoration: underline
}
ol.pagination li.selected a {
  background: #3d7e9a;
  color: #fff;
  border-radius: 5px
}
#wikiArticle>p:first-child:empty {
  display: none
}
p.field-explanation {
  margin-bottom: 0
}
#content-main.full {
  clear: both;
  float: none;
  width: 100%
}
.main {
  float: left;
  width: 670px
}
@media all and (max-width:47.9375em) {
  .header-clear {
    display: none
  }
}
.form-group {
  margin-bottom: 20px
}
article h3[id], article h5[id] {
  display: inline-block
}
article h3, article h5 {
  background-color: #333;
  color: #fff;
  font-weight: 400;
  line-height: 1.25;
  padding: 0 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}
article h3 a, article h5 a {
  color: #83d0f2
}
article h3 a[name], article h5 a[name] {
  color: inherit;
  text-decoration: none
}
article h3 code, article h5 code {
  background-color: rgba(255, 255, 255, .4)!important;
  color: #fff!important
}
ul.tags li {
  background: #eee;
  border: 1px solid #cee9f9;
  border-radius: 2px;
  display: inline-block;
  padding: 3px 10px 4px
}
ul.tags li {
  margin: 0 10px 10px 0
}
html[dir=rtl] ul.tags li, ul.tags html[dir=rtl] li {
  margin: 0 0 10px 10px
}
ul.tags {
  background-color: transparent;
  border: none;
  clear: both;
  margin-bottom: 0;
  width: 100%
}
ul.tags {
  padding-left: 0
}
html[dir=rtl] ul.tags {
  padding-left: 0;
  padding-right: 0
}
.user-edit ul.tags, .wiki-block ul.tags {
  margin-bottom: -10px
}
ul.tags li label {
  margin-bottom: 0
}
ul.tags li a {
  color: #285c76
}
.tag-attach-list .icon-tags {
  vertical-align: middle
}
ul.tags-small li {
  padding: 1px 3px
}
ul.tags-small li {
  margin: 0 6px 6px 0
}
html[dir=rtl] ul.tags-small li {
  margin: 0 0 6px 6px
}
.tag-attach-list .tags-small {
  clear: none;
  display: inline
}
ul.errorlist {
  color: #900;
  font-weight: 700
}
ul.errorlist li {
  margin: 5px 0
}
.notification.error .errorlist {
  color: #333
}
.newsletter-teaser {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 42px;
  font-size: 2.33333rem
}
.newsletter-description {
  margin-bottom: 20px;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif
}
.newsletter-fields {
  margin-bottom: 20px
}
input.newsletter-input-email {
  box-sizing: border-box;
  width: 100%;
  padding: 10px
}
.newsletter-hide {
  position: absolute;
  top: 10px;
  z-index: 11;
  border: none;
  padding: 0
}
.newsletter-hide {
  right: 10px
}
html[dir=rtl] .newsletter-hide {
  right: auto;
  left: 10px
}
.newsletter-errors .errorlist {
  list-style-type: none
}
.newsletter-errors .errorlist {
  padding-left: 0
}
html[dir=rtl] .newsletter-errors .errorlist {
  padding-left: 0;
  padding-right: 0
}
.newsletter-lang {
  margin-top: 20px;
  margin-bottom: 0;
  font-style: italic
}
.newsletter-thanks h2 {
  margin-top: 0;
  margin-bottom: 20px
}
.newsletter-submit {
  position: relative;
  width: 90%;
  padding: 10px
}
.newsletter-submit {
  text-align: left
}
html[dir=rtl] .newsletter-submit {
  text-align: right
}
.newsletter-submit .icon-arrow {
  position: absolute;
  top: 30%
}
.newsletter-submit .icon-arrow {
  right: 10px
}
html[dir=rtl] .newsletter-submit .icon-arrow {
  right: 10px;
  left: 10px
}
.newsletter-submit .icon-arrow {
  left: auto
}
html[dir=rtl] .newsletter-submit .icon-arrow {
  left: 10px;
  right: auto
}
.newsletter-submit .icon-arrow {
  transition: right .2s
}
html[dir=rtl] .newsletter-submit .icon-arrow {
  transition: left .2s
}
.newsletter-submit:focus, .newsletter-submit:hover {
  text-decoration: none
}
.newsletter-submit:focus .icon-arrow, .newsletter-submit:hover .icon-arrow {
  right: 5px
}
html[dir=rtl] .newsletter-submit:focus .icon-arrow, html[dir=rtl] .newsletter-submit:hover .icon-arrow {
  right: 10px;
  left: 5px
}
.newsletter-submit:focus .icon-arrow, .newsletter-submit:hover .icon-arrow {
  left: auto
}
html[dir=rtl] .newsletter-submit:focus .icon-arrow, html[dir=rtl] .newsletter-submit:hover .icon-arrow {
  left: 15px;
  right: auto
}
@media all and (min-width:29.9385em) {
  .callout-newsletter .form-input, .newsletter-box .form-input {
    padding: 7px 10px 6px 10px
  }
  .callout-newsletter .newsletter-fields, .newsletter-box .newsletter-fields {
    display: flex;
    flex-wrap: wrap
  }
  .callout-newsletter .newsletter-errors, .callout-newsletter .newsletter-group-privacy, .newsletter-box .newsletter-errors, .newsletter-box .newsletter-group-privacy {
    width: 100%
  }
  .callout-newsletter .newsletter-group-email, .newsletter-box .newsletter-group-email {
    width: 60%;
    margin-bottom: 0
  }
  .callout-newsletter .newsletter-group-privacy, .newsletter-box .newsletter-group-privacy {
    order: 4
  }
  .callout-newsletter .newsletter-group-submit, .newsletter-box .newsletter-group-submit {
    box-sizing: border-box;
    width: 40%
  }
  .callout-newsletter .newsletter-group-submit, .newsletter-box .newsletter-group-submit {
    padding-left: 20px
  }
  html[dir=rtl] .callout-newsletter .newsletter-group-submit, html[dir=rtl] .newsletter-box .newsletter-group-submit {
    padding-left: 0;
    padding-right: 20px
  }
  .callout-newsletter .newsletter-submit, .newsletter-box .newsletter-submit {
    width: 100%
  }
}
@media all and (min-width:63.9385em) {
  @supports (display: grid) {
    .callout-newsletter, .newsletter-box {
      display:flex;
      align-items: flex-end
    }
    .callout-newsletter .newsletter, .newsletter-box .newsletter {
      width: 100%
    }
    .callout-newsletter .newsletter-form, .newsletter-box .newsletter-form {
      display: grid;
      grid-column-gap: 20px;
      grid-template-columns: 1fr 1fr
    }
    .callout-newsletter .newsletter-form.hidden, .newsletter-box .newsletter-form.hidden {
      display: none
    }
    .callout-newsletter .newsletter-fields, .newsletter-box .newsletter-fields {
      display: block
    }
    .callout-newsletter .newsletter-group-email, .newsletter-box .newsletter-group-email {
      width: auto;
      margin-bottom: 20px
    }
    .callout-newsletter .newsletter-input-email, .newsletter-box .newsletter-input-email {
      max-width: none
    }
    .callout-newsletter .newsletter-group-submit, .newsletter-box .newsletter-group-submit {
      width: auto
    }
    .callout-newsletter .newsletter-group-submit, .newsletter-box .newsletter-group-submit {
      padding-left: 0
    }
    html[dir=rtl] .callout-newsletter .newsletter-group-submit, html[dir=rtl] .newsletter-box .newsletter-group-submit {
      padding-left: 0;
      padding-right: 0
    }
    .callout-newsletter .newsletter-submit, .newsletter-box .newsletter-submit {
      width: 100%
    }
    .callout-newsletter .newsletter-description, .newsletter-box .newsletter-description {
      margin-bottom: 0;
      font-size: 18px;
      font-size: 1rem
    }
    .newsletter-head {
      grid-column: 1/2
    }
    .newsletter-fields {
      grid-column: 2/3;
      align-self: end
    }
    input.newsletter-input-email {
      margin-top: 10px
    }
  }
}
@media all and (min-width:74.9375em) {
  @supports (display: grid) {
    .callout-newsletter .newsletter-form, .newsletter-box .newsletter-form {
      grid-template-columns:2fr 1fr
    }
    .callout-newsletter .newsletter-input-email, .callout-newsletter .newsletter-submit, .newsletter-box .newsletter-input-email, .newsletter-box .newsletter-submit {
      height: 50px
    }
  }
}
.callout-newsletter .newsletter-teaser, .callout-newsletter .newsletter-thanks h2 {
  font-size: 26px;
  font-size: 1.44444rem
}
.callout-newsletter .newsletter-fields, .callout-newsletter .newsletter-thanks p {
  margin-bottom: 0
}
.callout-newsletter a {
  color: #000;
  text-decoration: underline
}
.callout-newsletter a:focus, .callout-newsletter a:hover {
  text-decoration: none
}
.newsletter-box {
  position: relative;
  border-top: 3px solid #333;
  padding: 20px 0;
  margin-top: 40px;
  background-color: #fff
}
.newsletter-box.hidden {
  display: none
}
.newsletter-box .newsletter-teaser:before {
  content: '';
  display: block;
  height: .5em;
  width: 1.5em
}
.newsletter-box .newsletter-teaser:before {
  float: right
}
html[dir=rtl] .newsletter-box .newsletter-teaser:before {
  float: left
}
.newsletter-box .newsletter-description {
  font-size: 24px;
  font-size: 1.33333rem
}
.newsletter-box .newsletter-fields {
  margin-bottom: 0
}
@media all and (min-width:47.9385em) {
  .newsletter-box {
    padding: 40px
  }
}
@media all and (min-width:63.9385em) {
  .newsletter-box .newsletter-teaser {
    font-size: 51px;
    font-size: 2.83333rem
  }
  .newsletter-box .newsletter-description {
    font-size: 26px;
    font-size: 1.44444rem
  }
}
.callout-newsletter .newsletter, .callout-newsletter .newsletter-thanks, .newsletter-container .newsletter, .newsletter-container .newsletter-thanks {
  position: relative;
  margin: 40px auto 0;
  padding: 40px;
  border-top: 3px solid #333;
  max-width: 87.4375em
}
.callout-newsletter .newsletter .newsletter-form, .callout-newsletter .newsletter-thanks .newsletter-form, .newsletter-container .newsletter .newsletter-form, .newsletter-container .newsletter-thanks .newsletter-form {
  display: block
}
@media all and (min-width:63.9385em) {
  .callout-newsletter .newsletter .newsletter-form, .callout-newsletter .newsletter-thanks .newsletter-form, .newsletter-container .newsletter .newsletter-form, .newsletter-container .newsletter-thanks .newsletter-form {
    display: grid;
    column-gap: 20px;
    grid-template-columns: 2fr 1fr
  }
}
.callout-newsletter .newsletter-hide, .newsletter-container .newsletter-hide {
  width: 24px;
  height: 24px
}
.callout-newsletter .newsletter, .callout-newsletter .newsletter-thanks {
  margin-top: 0
}
.callout-newsletter .newsletter-thanks {
  border-top: 0
}
.ghost, .simple-text {
  background: 0 0;
  color: #3d7e9a;
  border: 0
}
.button-base, .cta {
  background: 0 0;
  border: none;
  border-radius: 4px;
  cursor: pointer
}
.cta {
  min-width: 200px;
  min-height: 40px;
  text-align: center
}
.primary {
  background-color: #015fdf;
  color: #fff;
  padding: 10px 20px
}
.primary:active, .primary:focus, .primary:hover {
  background-color: #014cb2
}
.inline {
  min-width: auto;
  min-height: 30px
}
.negative, .neutral, .positive, a.disabled, a.negative, a.neutral, a.positive, button.disabled, button.negative, button.neutral, button.positive {
  display: inline-block;
  padding: 10px 20px;
  border: 2px solid #000;
  min-height: 28px;
  font-weight: 700;
  box-sizing: content-box;
  text-decoration: none
}
.neutral, a.neutral, button.neutral {
  background-color: #fff;
  color: #333
}
.neutral:active, .neutral:focus, .neutral:hover, a.neutral:active, a.neutral:focus, a.neutral:hover, button.neutral:active, button.neutral:focus, button.neutral:hover {
  background-color: #333;
  color: #fff
}
.negative, a.negative, button.negative {
  color: #d65752;
  border-color: #d65752
}
.negative.solid, .negative:active, .negative:focus, .negative:hover, a.negative.solid, a.negative:active, a.negative:focus, a.negative:hover, button.negative.solid, button.negative:active, button.negative:focus, button.negative:hover {
  background-color: #d65752;
  color: #fff
}
.positive, a.positive, button.positive {
  color: #4d9f0c;
  border-color: #4d9f0c
}
.positive:active, .positive:focus, .positive:hover, a.positive:active, a.positive:focus, a.positive:hover, button.positive:active, button.positive:focus, button.positive:hover {
  background-color: #4d9f0c;
  color: #fff
}
.positive:active svg, .positive:focus svg, .positive:hover svg, a.positive:active svg, a.positive:focus svg, a.positive:hover svg, button.positive:active svg, button.positive:focus svg, button.positive:hover svg {
  fill: #fff
}
a.disabled, button.disabled {
  background-color: #aeb7c2;
  color: #333;
  border-color: #aeb7c2;
  opacity: 1
}
.alert {
  clear: both;
  margin-bottom: 24px;
  padding: 20px
}
.alert.error {
  background: #ffe7e8;
  border: 1px solid #d65752
}
.alert.success {
  background: #ebf8e1;
  border: 1px solid #4d9f0c;
  color: #4d9f0c
}
.confirmation-form {
  background: #ffe7e8;
  border: 1px solid #d65752;
  margin: 24px 0;
  padding: 20px;
  max-width: 640px;
  overflow: hidden
}
.confirmation-form h4 {
  font-family: inherit;
  font-size: inherit;
  margin: 0 0 10px
}
.confirmation-form strong {
  display: block;
  margin-bottom: 10px
}
.confirmation-form .form-footer {
  display: flex;
  flex-direction: column
}
.confirmation-form .form-footer button:last-child {
  margin-bottom: 10px;
  order: -1
}
@media all and (min-width:47.9385em) {
  .confirmation-form .form-footer {
    flex-direction: row;
    justify-content: flex-end
  }
  .confirmation-form .form-footer button:last-child {
    margin: 0 0 0 10px;
    order: inherit
  }
}
.subscription {
  margin-bottom: 60px
}
.subscription ul {
  max-width: 670px
}
.subscription .cta {
  display: block;
  margin-top: 10px
}
@media all and (min-width:47.9385em) {
  .subscription .cta {
    display: inline-block;
    margin-top: inherit
  }
}
.subscription .subscription-footer {
  margin-top: 24px
}
.active-subscriptions {
  margin-bottom: 24px;
  padding: 24px 10px;
  border-bottom: 1px solid #c9c9c9
}
.active-subscriptions li {
  margin-bottom: 10px
}
.subheader-container {
  min-width: 320px;
  overflow: hidden;
  position: relative
}
.subheader-container .column-container {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-height: 100%;
  max-width: 1320px;
  padding: 12px;
  position: relative;
  transition: padding .3s ease
}
@media all and (min-width:47.9385em) {
  .subheader-container .column-container {
    min-height: 200px;
    padding: 36px 56px
  }
}
.subheader-container .column-container>.column-half {
  box-sizing: border-box
}
.subheader-container .column-container>.column-half .container {
  margin: 0 auto;
  max-width: 540px
}
.subheader-container .column-container h1 {
  font-size: 42px;
  font-size: 2.33333rem;
  margin-bottom: 20px
}
.subheader-container .column-container h1:only-child {
  margin-bottom: 0
}
.subheader-container .column-container h1+h2 {
  font-size: 24px
}
.subheader-container .column-container h1+h2:last-child {
  margin-bottom: 0
}
.subheader-container .column-container p {
  margin-bottom: 0
}
@media all and (min-width:47.9385em) {
  .contributions-page.faq {
    background: url("/static/img/hero-dino-blank.png") no-repeat 10% 1%
  }
}
@media all and (min-width:47.9385em) {
  .contributions-page.faq section, .contributions-page.thank-you section {
    display: flex
  }
}
.contributions-page .lead-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  padding: 24px 10px 24px;
  max-width: 670px
}
.contributions-page .lead-in p {
  margin-bottom: 0
}
.contributions-page section {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 56px 25px;
  max-width: 1160px
}
.contributions-page section .sub-section {
  margin-bottom: 2em
}
.contributions-page section h2:first-child {
  margin-top: 0
}
.contributions-page section>ol, .contributions-page section>ul {
  flex: 60%
}
.contributions-page section>ol>li, .contributions-page section>ul>li {
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 4px;
  margin: 30px 0;
  padding: 48px;
  position: relative
}
.contributions-page section>ol>li>ul, .contributions-page section>ul>li>ul {
  list-style-type: initial;
  padding-left: 1em
}
.contributions-page section>ol>li p:last-child, .contributions-page section>ul>li p:last-child {
  margin-bottom: 0
}
.contributions-page section>ol>li .faq-number, .contributions-page section>ul>li .faq-number {
  background: #333;
  box-sizing: border-box;
  color: #fff;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  font-size: 36px;
  font-weight: 500;
  height: 45px;
  left: -22px;
  line-height: 40px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 42px;
  width: 45px
}
.contributions-page section>ol>li .small, .contributions-page section>ul>li .small {
  display: block;
  font-weight: 700
}
.contributions-page section>ol h3, .contributions-page section>ul h3 {
  font-size: 1.8em;
  font-weight: 400;
  margin-top: 0
}
@media all and (min-width:47.9385em) {
  .contributions-page section>ol>li, .contributions-page section>ul>li {
    margin: 32px
  }
}
.contributions-page section>ul>li {
  border: none;
  padding: 24px 48px 48px
}
@media all and (min-width:47.9385em) {
  .contributions-page section>ul>li {
    margin: 0 32px
  }
}
.contributions-page section .success-msg, .contributions-page section>form {
  flex: 60%;
  box-sizing: border-box;
  padding: 24px 0 48px;
  display: flex;
  flex-direction: column
}
@media all and (min-width:47.9385em) {
  .contributions-page section .success-msg, .contributions-page section>form {
    padding-left: 80px;
    padding-right: 80px
  }
}
.contributions-page section .success-msg input, .contributions-page section>form input {
  height: 40px;
  border-width: 1px;
  border-radius: 4px
}
.contributions-page section .success-msg .form-footer, .contributions-page section>form .form-footer {
  margin-top: 20px;
  display: flex;
  justify-content: space-between
}
.contributions-page section .success-msg .form-footer button, .contributions-page section>form .form-footer button {
  margin-left: auto;
  min-width: auto
}
.contributions-page header {
  flex: 30%
}
.contributions-page header h2 {
  border-bottom: 2px solid #333
}
.contributions-page .alert {
  clear: both;
  padding: 20px
}
.contributions-page .alert.error {
  background: #ffe7e8;
  border: 1px solid #d65752
}
.contributions-page .alert.success {
  background: #ebf8e1;
  border: 1px solid #4d9f0c;
  color: #4d9f0c
}
.loading-bar {
  position: fixed;
  display: none;
  background-image: linear-gradient(-271deg, #3d7e9a, #e4f0f5);
  height: 5px;
  width: 100%
}
.loading-animation {
  display: block;
  animation: slidein .5s, throb 1s infinite alternate
}
@keyframes slidein {
  0% {
    transform: translate(-100%, 0)
  }
  20% {
    transform: translate(-100%, 0)
  }
  100% {
    transform: translate(0, 0)
  }
}
@keyframes throb {
  from {
    opacity: 1
  }
  to {
    opacity: .5
  }
}
.offscreen, .only-icon span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.text-content pre, .text-content pre[class*=language-], pre.syntaxbox, pre.twopartsyntaxbox {
  font-size: 18px;
  font-size: 1rem;
  background: #eee;
  border: 0 solid #3d7e9a;
  color: #333;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 15px;
  position: relative;
  font-family: consolas, monaco, "Andale Mono", monospace;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  overflow: auto;
  direction: ltr!important;
  text-align: left!important;
  border-left-width: 5px!important;
  border-right-width: 0!important;
  -moz-tab-size: 4;
  tab-size: 4;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}
.text-content pre, .text-content pre[class*=language-], pre.syntaxbox, pre.twopartsyntaxbox {
  border-left-width: 5px
}
.text-content html[dir=rtl] pre, html[dir=rtl] .text-content pre, html[dir=rtl] pre.syntaxbox, html[dir=rtl] pre.twopartsyntaxbox {
  border-left-width: 0;
  border-right-width: 5px
}
.text-content pre>:last-child, pre.syntaxbox>:last-child, pre.twopartsyntaxbox>:last-child {
  margin-bottom: 0
}
.text-content pre>:last-child, pre.syntaxbox>:last-child, pre.twopartsyntaxbox>:last-child {
  padding-bottom: 0
}
.text-content pre p, .text-content pre[class*=language-] p, pre.syntaxbox p, pre.twopartsyntaxbox p {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%
}
.text-content pre p dl, .text-content pre p p, .text-content pre p ul, .text-content pre[class*=language-] p dl, .text-content pre[class*=language-] p p, .text-content pre[class*=language-] p ul, pre.syntaxbox p dl, pre.syntaxbox p p, pre.syntaxbox p ul, pre.twopartsyntaxbox p dl, pre.twopartsyntaxbox p p, pre.twopartsyntaxbox p ul {
  max-width: 100%
}
.text-content pre code, .text-content pre[class*=language-] code, pre.syntaxbox code, pre.twopartsyntaxbox code {
  background-color: transparent;
  font-style: normal;
  font-weight: inherit;
  padding: 0
}
.subheader-container .column-container h1.highlight-spanned, .text-content h3.highlight-spanned, .text-content h5.highlight-spanned {
  padding: 0;
  background-color: inherit;
  color: inherit
}
.subheader-container .column-container h1.highlight-spanned a, .text-content h3.highlight-spanned a, .text-content h5.highlight-spanned a {
  color: inherit
}
.subheader-container .column-container h1, .subheader-container .column-container h1 .highlight-span, .text-content h3, .text-content h3 .highlight-span, .text-content h5, .text-content h5 .highlight-span {
  background-color: #333;
  color: #fff;
  font-weight: 400;
  line-height: 1.25;
  padding: 0 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}
.subheader-container .column-container h1 .highlight-span a, .subheader-container .column-container h1 a, .text-content h3 .highlight-span a, .text-content h3 a, .text-content h5 .highlight-span a, .text-content h5 a {
  color: #83d0f2
}
.subheader-container .column-container h1 .highlight-span a[name], .subheader-container .column-container h1 a[name], .text-content h3 .highlight-span a[name], .text-content h3 a[name], .text-content h5 .highlight-span a[name], .text-content h5 a[name] {
  color: inherit;
  text-decoration: none
}
.subheader-container .column-container h1 .highlight-span code, .subheader-container .column-container h1 code, .text-content h3 .highlight-span code, .text-content h3 code, .text-content h5 .highlight-span code, .text-content h5 code {
  background-color: rgba(255, 255, 255, .4)!important;
  color: #fff!important
}
.cta-link {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  background-color: transparent;
  text-transform: inherit;
  border: 0;
  padding: 0;
  color: #3d7e9a;
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  border-bottom: 2px solid
}
.cta-link:focus, .cta-link:hover {
  text-decoration: underline
}
.cta-link {
  padding: 10px 30px 10px 0;
  text-align: left
}
html[dir=rtl] .cta-link {
  padding: 10px 0 10px 30px;
  text-align: right
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  position: absolute;
  top: 30%
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  left: auto
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  left: 0;
  right: auto
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  right: 0
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  right: auto;
  left: 0
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  transition: right .2s
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  transition: left .2s
}
.cta-link:focus, .cta-link:hover {
  text-decoration: none
}
.cta-link:focus .icon-arrow, .cta-link:hover .icon-arrow {
  right: -5px
}
html[dir=rtl] .cta-link:focus .icon-arrow, html[dir=rtl] .cta-link:hover .icon-arrow {
  right: 10px;
  left: -5px
}
.cta-link:focus .icon-arrow, .cta-link:hover .icon-arrow {
  left: auto
}
html[dir=rtl] .cta-link:focus .icon-arrow, html[dir=rtl] .cta-link:hover .icon-arrow {
  left: 10px;
  right: auto
}
.cta-link i[class^=icon-] {
  margin-top: 4px
}
.blockIndicator, .geckoVersionNote, .inheritsbox, .note, .notice, .overheadIndicator, .standardNoteBlock, .warning {
  box-sizing: border-box;
  max-width: 42rem;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 10px;
  clear: both;
  clear: none;
  background-color: #eee;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  font-size: 18px;
  font-size: 1rem
}
.blockIndicator, .geckoVersionNote, .inheritsbox, .note, .notice, .overheadIndicator, .standardNoteBlock, .warning {
  border-left-width: 5px;
  border-left-style: solid
}
html[dir=rtl] .blockIndicator, html[dir=rtl] .geckoVersionNote, html[dir=rtl] .inheritsbox, html[dir=rtl] .note, html[dir=rtl] .notice, html[dir=rtl] .overheadIndicator, html[dir=rtl] .standardNoteBlock, html[dir=rtl] .warning {
  border-left-width: 0;
  border-right-width: 5px;
  border-left-style: none;
  border-right-style: solid
}
.blockIndicator>:last-child, .geckoVersionNote>:last-child, .inheritsbox>:last-child, .note>:last-child, .notice>:last-child, .overheadIndicator>:last-child, .standardNoteBlock>:last-child, .warning>:last-child {
  margin-bottom: 0
}
.blockIndicator>:last-child, .geckoVersionNote>:last-child, .inheritsbox>:last-child, .note>:last-child, .notice>:last-child, .overheadIndicator>:last-child, .standardNoteBlock>:last-child, .warning>:last-child {
  padding-bottom: 0
}
.blockIndicator:after, .geckoVersionNote:after, .inheritsbox:after, .note:after, .notice:after, .overheadIndicator:after, .standardNoteBlock:after, .warning:after {
  content: ' ';
  clear: both;
  display: table
}
.blockIndicator:before, .geckoVersionNote:before, .inheritsbox:before, .note:before, .notice:before, .overheadIndicator:before, .standardNoteBlock:before, .warning:before {
  display: inline-block;
  width: 30px
}
.blockIndicator:before, .geckoVersionNote:before, .inheritsbox:before, .note:before, .notice:before, .overheadIndicator:before, .standardNoteBlock:before, .warning:before {
  float: left;
  margin: -1px 0 -5px -25px
}
html[dir=rtl] .blockIndicator:before, html[dir=rtl] .geckoVersionNote:before, html[dir=rtl] .inheritsbox:before, html[dir=rtl] .note:before, html[dir=rtl] .notice:before, html[dir=rtl] .overheadIndicator:before, html[dir=rtl] .standardNoteBlock:before, html[dir=rtl] .warning:before {
  float: right;
  margin: -5px -25px -5px 0
}
.blockIndicator pre, .geckoVersionNote pre, .inheritsbox pre, .note pre, .notice pre, .overheadIndicator pre, .standardNoteBlock pre, .warning pre {
  color: #333
}
.bannerHeading, .blockIndicator p>strong, .geckoVersionHeading, .geckoVersionNote p>strong, .inheritsbox p>strong, .note p>strong, .notice p>strong, .overheadIndicator p>strong, .standardNoteBlock p>strong, .warning p>strong {
  font-style: normal;
  font-weight: 700
}
.draft, .notice:not(.experimental), .translationInProgress, .warning#doc-rendering-in-progress, .warning#doc-rendering-scheduled, .warning#kserrors, .warning.warning-review {
  box-sizing: border-box;
  max-width: 42rem
}
.draft, .notice:not(.experimental), .translationInProgress, .warning#doc-rendering-in-progress, .warning#doc-rendering-scheduled, .warning#kserrors, .warning.warning-review {
  border-width: 2px;
  border-style: solid
}
html[dir=rtl] .draft, html[dir=rtl] .notice:not(.experimental), html[dir=rtl] .translationInProgress, html[dir=rtl] .warning#doc-rendering-in-progress, html[dir=rtl] .warning#doc-rendering-scheduled, html[dir=rtl] .warning#kserrors, html[dir=rtl] .warning.warning-review {
  border-width: 2px;
  border-style: solid
}
.indicatorInHeadline, .inlineIndicator, .spec-CR:before, .spec-Draft:before, .spec-ED:before, .spec-Living:before, .spec-PR:before, .spec-RC:before, .spec-REC:before, .spec-RFC:before, .spec-Standard:before, .spec-WD:before {
  display: inline-block;
  min-width: 20px;
  vertical-align: baseline;
  border-radius: 2px;
  padding: .45em .35em;
  background-color: #eee;
  font-family: Helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal
}
.indicatorInHeadline, .inlineIndicator, .spec-CR:before, .spec-Draft:before, .spec-ED:before, .spec-Living:before, .spec-PR:before, .spec-RC:before, .spec-REC:before, .spec-RFC:before, .spec-Standard:before, .spec-WD:before {
  margin-left: 10px;
  border-left: 4px solid
}
html[dir=rtl] .indicatorInHeadline, html[dir=rtl] .inlineIndicator, html[dir=rtl] .spec-CR:before, html[dir=rtl] .spec-Draft:before, html[dir=rtl] .spec-ED:before, html[dir=rtl] .spec-Living:before, html[dir=rtl] .spec-PR:before, html[dir=rtl] .spec-RC:before, html[dir=rtl] .spec-REC:before, html[dir=rtl] .spec-RFC:before, html[dir=rtl] .spec-Standard:before, html[dir=rtl] .spec-WD:before {
  margin-left: 0;
  margin-right: 10px;
  border-left: none;
  border-right: 4px solid
}
.indicatorInHeadline:before, .inlineIndicator:before {
  display: inline-block
}
.indicatorInHeadline:before, .inlineIndicator:before {
  margin-left: -22px;
  margin-right: 3px
}
html[dir=rtl] .indicatorInHeadline:before, html[dir=rtl] .inlineIndicator:before {
  margin-left: 3px;
  margin-right: -22px
}
#doc-rendering-in-progress.warning, #doc-rendering-scheduled.warning, #kserrors.warning, .deprecated, .draft, .experimental, .experimentalBadge, .inlineIndicator.deprecated, .inlineIndicator.experimental, .inlineIndicator.experimentalBadge, .inlineIndicator.nonStandard, .inlineIndicator.nonstandardBadge, .install, .nonStandard, .nonstandardBadge, .note, .obsolete, .privilegedBadge, .secureContexts, .translationInProgress, .warning.warning-review, .warning:not(.notification) {
  padding-left: 25px
}
html[dir=rtl] #doc-rendering-in-progress.warning, html[dir=rtl] #doc-rendering-scheduled.warning, html[dir=rtl] #kserrors.warning, html[dir=rtl] .deprecated, html[dir=rtl] .draft, html[dir=rtl] .experimental, html[dir=rtl] .experimentalBadge, html[dir=rtl] .install, html[dir=rtl] .nonStandard, html[dir=rtl] .nonstandardBadge, html[dir=rtl] .note, html[dir=rtl] .obsolete, html[dir=rtl] .privilegedBadge, html[dir=rtl] .secureContexts, html[dir=rtl] .translationInProgress, html[dir=rtl] .warning.warning-review, html[dir=rtl] .warning:not(.notification) {
  padding-left: .35em;
  padding-right: 25px
}
.bc-browsers .bc-head-icon-chrome:before, .bc-browsers .bc-head-icon-chrome_android:before, .bc-browsers .bc-head-icon-edge:before, .bc-browsers .bc-head-icon-edge_mobile:before, .bc-browsers .bc-head-icon-firefox:before, .bc-browsers .bc-head-icon-firefox_android:before, .bc-browsers .bc-head-icon-ie:before, .bc-browsers .bc-head-icon-nodejs:before, .bc-browsers .bc-head-icon-opera:before, .bc-browsers .bc-head-icon-opera_android:before, .bc-browsers .bc-head-icon-safari:before, .bc-browsers .bc-head-icon-safari_ios:before, .bc-browsers .bc-head-icon-samsunginternet_android:before, .bc-browsers .bc-head-icon-webview_android:before, .bc-platforms .bc-platform-desktop:before, .bc-platforms .bc-platform-mobile:before, .bc-platforms .bc-platform-server:before, .ic-altname:before, .ic-deprecated:before, .ic-disabled:before, .ic-experimental:before, .ic-footnote:before, .ic-history:before, .ic-non-standard:before, .icon-only-inline i.icon-beaker, .icon-only-inline i.icon-trash, .icon-only-inline i.icon-warning-sign, .inlineIndicator.deprecated:before, .inlineIndicator.experimental:before, .inlineIndicator.experimentalBadge:before, .inlineIndicator.nonStandard:before, .inlineIndicator.nonstandardBadge:before, .prevnext .icon-arrow-left, .prevnext .icon-arrow-right, .prevnext .icon-arrow-up, .standard-table i.icon-cogs, .text-content .example-bad:after, .text-content .example-good:after, .text-content pre.example-bad[class*=language-]:after, .text-content pre.example-good[class*=language-]:after, div.index.widgeted li.webcomp::after, html[dir=ltr] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before, html[dir=ltr] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before, html[dir=rtl] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after, html[dir=rtl] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after, i.icon-beaker, i.icon-info-sign, i.icon-thumbs-down-alt, i.icon-trash, i.icon-warning-sign {
  display: inline-block;
  content: '';
  background-repeat: no-repeat
}
#doc-rendering-in-progress.warning, #doc-rendering-scheduled.warning, #kserrors.warning, .noscript {
  color: #fff
}
#doc-rendering-in-progress.warning a, #doc-rendering-scheduled.warning a, #kserrors.warning a, .noscript a {
  color: #fff
}
.indicator-info, .optional, .template-jsOverrides {
  background: #eee;
  border-color: #696969
}
.domLevel, .experimental, .experimentalBadge, .firefoxVersionBadge, .geckoMinVer, .geckoMinVerMethod, .geckoVersionBadge, .geckoVersionNote, .htmlVer, .indicator-version, .jsMinVer, .jsMinVerHeader, .mbMinVer, .mobileOnly, .notXPCOM, .projectSpecific, .smMinVerHeader, .standardNote, .tbMinVer {
  background: #e4f0f5;
  border-color: #3d7e9a
}
.draft, .indicator-warning, .note, .notice, .prefixBox, .privilegedBadge, .renamed, .secureContexts, .todo, .translationInProgress, .warning.warning-review {
  background: #fff3d4;
  border-color: #f6b73c
}
.deprecated, .deprecatedBadge, .indicator-danger, .nonStandard, .nonstandardBadge, .obsolete, .obsoleteBadge, .unimplemented, .unimplementedBadge, .warning {
  background: #ffe7e8;
  border-color: #e66465
}
.readable-line-length {
  max-width: 42rem
}
article {
  position: relative
}
article a {
  text-decoration: none
}
article a:active, article a:focus, article a:hover {
  text-decoration: underline
}
article a:active {
  background-color: #285c76;
  color: #fff
}
article a[name]:active, article a[name]:focus, article a[name]:hover {
  text-decoration: none
}
article a.external, #sidebar-quicklinks a.external {
  color: #882;
}
article a.new {
  color: #900;
}
article span.dead {
  color: #900;
  cursor: not-allowed;
}
article a.external.wayback, #sidebar-quicklinks a.external.wayback {
  color: #888;
}
article .local-anchor .icon, article .section-link .icon {
  color: #3d7e9a;
  width: 21px;
  height: 21px;
  pointer-events: none
}
article .local-anchor .icon, article .section-link .icon {
  margin-left: 10px
}
html[dir=rtl] article .local-anchor .icon, html[dir=rtl] article .section-link .icon {
  margin-left: 0;
  margin-right: 10px
}
article .local-anchor span, article .section-link span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute!important;
  width: 1px
}
.document-list {
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 20px
}
.document-list li {
  margin-bottom: 7px
}
.document-list li:last-child {
  margin-bottom: 0
}
.external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external) {
  white-space: pre-line
}
html[dir=ltr] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before, html[dir=rtl] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after {
  background-image: url("/static/general/external-link.svg");
  background-size: 12px;
  width: 12px;
  height: 20px;
  margin-top: 3px;
  margin-right: 3px;
  vertical-align: text-top
}
html[dir=rtl] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after {
  transform: rotateY(180deg)
}
.external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):focus:after, .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):focus:before, .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):hover:after, .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):hover:before {
  text-decoration: none
}
html[dir=ltr] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before, html[dir=rtl] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2ZmZjsiIGNsYXNzPSJpY29uIGljb24tZXh0ZXJuYWwtbGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMiAxNC41djVjMCAyLjQ4NC0yLjAxNiA0LjUtNC41IDQuNWgtMTNBNC41MDIgNC41MDIgMCAwIDEgMCAxOS41di0xM0MwIDQuMDE2IDIuMDE2IDIgNC41IDJoMTFjLjI4MSAwIC41LjIxOS41LjV2MWMwIC4yODEtLjIxOS41LS41LjVoLTExQTIuNTA3IDIuNTA3IDAgMCAwIDIgNi41djEzQzIgMjAuODc1IDMuMTI1IDIyIDQuNSAyMmgxM2MxLjM3NSAwIDIuNS0xLjEyNSAyLjUtMi41di01YzAtLjI4MS4yMTktLjUuNS0uNWgxYy4yODEgMCAuNS4yMTkuNS41ek0yOCAxdjhjMCAuNTQ3LS40NTMgMS0xIDFhLjk5Ljk5IDAgMCAxLS43MDMtLjI5N2wtMi43NS0yLjc1TDEzLjM2IDE3LjE0Yy0uMDk0LjA5NC0uMjM0LjE1Ni0uMzU5LjE1NnMtLjI2Ni0uMDYzLS4zNTktLjE1NmwtMS43ODEtMS43ODFjLS4wOTQtLjA5NC0uMTU2LS4yMzQtLjE1Ni0uMzU5cy4wNjMtLjI2Ni4xNTYtLjM1OUwyMS4wNDggNC40NTRsLTIuNzUtMi43NWEuOTk2Ljk5NiAwIDAgMS0uMjk3LS43MDNjMC0uNTQ3LjQ1My0xIDEtMWg4Yy41NDcgMCAxIC40NTMgMSAxeiIvPjwvc3ZnPg==);
  background-size: 12px;
  width: 12px;
  height: 20px;
  margin-top: 5px;
  margin-right: 3px;
  vertical-align: middle
}
.content-layout {
  display: grid;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1400px;
  grid-template-columns: 100%;
  grid-template-areas: 'document-toc-container' 'main' 'side'
}
@media all and (min-width:63.9385em) {
  .content-layout {
    grid-template-columns: 100%;
    grid-template-rows: 1fr;
    grid-template-areas: 'main'
  }
  .content-layout.wiki-left-present {
    grid-template-columns: 25% 75%;
    grid-template-rows: max-content 1fr;
    grid-template-areas: 'document-toc-container main' 'side main'
  }
}
.full-width-row-container {
  border-bottom: solid 1px #eee;
  width: 100%
}
.max-content-width-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 auto;
  padding: 0 24px;
  max-width: 1352px;
  min-height: 40px
}
.wiki-block {
  clear: both;
  margin-top: 40px;
  padding-left: 0;
  padding-right: 0
}
.wiki-block:after {
  content: ' ';
  clear: both;
  display: table
}
details summary+.wiki-block {
  margin-top: 0
}
#trans-version .wiki-block {
  border: 0;
  padding-top: 0
}
#trans-meta .wiki-block {
  border: 0;
  padding-top: 0
}
#trans-meta .wiki-block:last-child {
  margin-bottom: 40px
}
.quick-links-head {
  font-size: 20px;
  font-size: 1.11111rem;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  display: inline-block;
  margin-bottom: 20px;
  width: 100%
}
.quick-links {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  font-size: .88889rem
}
.quick-links a, .quick-links li>em, .quick-links li>s {
  display: inline-block;
  max-width: 100%;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  hyphens: auto
}
.quick-links a.new {
  color: #900
}
.quick-links li {
  line-height: 1.2;
  padding-bottom: 20px
}
.quick-links li li {
  padding-bottom: 10px
}
.quick-links li li {
  padding-left: 20px
}
html[dir=rtl] .quick-links li li {
  padding-left: 0;
  padding-right: 20px
}
.quick-links li li:first-child {
  padding-top: 10px
}
.quick-links li li ol {
  padding-bottom: 10px
}
.quick-links .toggle summary {
  color: #333;
  display: inline-block
}
.quick-links .toggle summary i[class^=icon-] {
  font-size: 18px;
  font-size: 1rem;
  color: #3d7e9a;
  position: absolute;
  top: 1px
}
.quick-links .toggle summary i[class^=icon-] {
  left: 0
}
html[dir=rtl] .quick-links .toggle summary i[class^=icon-] {
  left: auto;
  right: 0
}
.quick-links summary a {
  display: inline
}
.quick-links details {
  margin-bottom: 10px;
  margin-left: 0;
  padding-left: 20px
}
.quick-links details li {
  padding-left: 0
}
.quick-links details li li {
  padding-left: 20px
}
.quick-links details summary:before {
  font-size: .6rem
}
.quick-links .sidebar-icon {
  opacity: .3
}
.quick-links .sidebar-icon {
  margin-left: 0;
  margin-right: 4px
}
html[dir=rtl] .quick-links .sidebar-icon {
  margin-left: 4px;
  margin-right: 0
}
.quick-links .sidebar-icon i[class^=icon-] {
  font-size: 18px;
  font-size: 1rem;
  width: 16px;
  vertical-align: top
}
.quick-links .sidebar-icon:first-child {
  margin-left: -20px;
  margin-right: 4px
}
html[dir=rtl] .quick-links .sidebar-icon:first-child {
  margin-left: 4px;
  margin-right: -20px
}
.quick-links li.webextension-api-sidebar {
  padding-left: 20px;
  position: relative;
  left: -20px;
  padding-top: .5em;
  margin-bottom: .5em
}
.quick-links li.webextension-api-sidebar ol {
  padding-bottom: 0
}
.toc {
  display: none;
  background-color: #222;
  color: #fff;
  line-height: 1;
  top: 0;
  z-index: 79
}
.toc .no-js .toc {
  display: none
}
.toc.hidden {
  display: none
}
.toc-head {
  display: inline-block;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  font-size: 22px;
  font-size: 1.22222rem
}
.toc-head {
  padding-right: 20px
}
html[dir=rtl] .toc-head {
  padding-right: 0;
  padding-left: 20px
}
.toc-links {
  display: inline
}
.toc-links ol {
  display: none
}
.toc-links li {
  display: inline-block;
  word-wrap: nowrap
}
.toc-links a {
  position: relative;
  color: #83d0f2;
  display: inline-block;
  font-size: 18px;
  font-size: 1rem;
  letter-spacing: .02em;
  white-space: nowrap;
  text-decoration: none
}
.toc-links a {
  padding: 15px 30px 15px 0
}
html[dir=rtl] .toc-links a {
  padding: 15px 0 15px 30px
}
.toc-links a:focus, .toc-links a:hover {
  color: #fff
}
.toc-links li:last-child a {
  padding: 15px 0 15px 0
}
html[dir=rtl] .toc-links li:last-child a {
  padding: 15px 0 15px 0
}
@media all and (min-width:47.9385em) {
  .toc {
    display: block
  }
}
@media all and (min-width:47.9385em) and (min-height:42.5em) {
  .toc {
    position: -webkit-sticky;
    position: sticky
  }
  .toc_tall {
    position: static
  }
  .toc-links li a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    height: 0;
    background-color: #83d0f2;
    transition: height .1s
  }
  .toc-links li a:after {
    left: 0
  }
  html[dir=rtl] .toc-links li a:after {
    left: 30px;
    right: 0
  }
  .toc-links li a.toc-current:after {
    height: 3px
  }
  .toc_tall .toc-links li a.toc-current:after {
    height: 0
  }
  .toc-links li:last-child a:after {
    width: 100%
  }
}
.document-toc-container {
  float: none;
  background-color: unset;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: unset
}
@media all and (min-width:63.9385em) {
  .document-toc-container {
    padding-bottom: 20px
  }
}
.document-toc {
  position: relative
}
.document-toc h2 {
  display: none
}
@media all and (min-width:63.9385em) {
  .document-toc h2 {
    display: block
  }
}
.document-toc .toc-trigger-mobile {
  margin-top: 12px;
  padding: 10px 0;
  border: 0;
  border-bottom: 2px solid #3d7e9a;
  color: #3d7e9a;
  width: 100%;
  font-weight: 400;
  text-align: left
}
.document-toc .toc-trigger-mobile svg {
  margin-left: 5px;
  fill: currentColor;
  width: 18px;
  height: 18px;
  vertical-align: bottom
}
@media all and (min-width:63.9385em) {
  .document-toc .toc-trigger-mobile svg {
    display: none
  }
}
@media all and (min-width:63.9385em) {
  .document-toc .toc-trigger-mobile {
    display: none
  }
}
.document-toc ul {
  display: none;
  position: absolute;
  top: 50px;
  background-color: #fff;
  padding: 0 20px;
  border: 2px solid #3d7e9a;
  width: calc(100% - 40px);
  list-style: none;
  z-index: 94
}
@media all and (min-width:63.9385em) {
  .document-toc ul {
    font-size: 16px;
    font-size: .88889rem;
    display: block;
    position: inherit;
    top: inherit;
    background-color: inherit;
    border: 0;
    width: auto
  }
  .document-toc ul {
    padding-left: 20px
  }
  html[dir=rtl] .document-toc ul {
    padding-left: 0;
    padding-right: 20px
  }
}
.document-toc ul li {
  margin: 20px 0;
  line-height: 1.2
}
@media all and (min-width:63.9385em) {
  .document-toc ul li {
    margin: 10px 0
  }
}
.document-toc ul.show-toc {
  display: block
}
@media all and (min-width:63.9385em) {
  .document-toc {
    background-color: #fcfcfc;
    margin-top: 30px;
    border: solid 1px #dce3e5
  }
  .document-toc:before {
    display: block;
    background-image: linear-gradient(-272deg, #206584, #83d0f2);
    content: '';
    height: 4px
  }
  .document-toc h2 {
    margin: 15px 0;
    font-weight: 400;
    font-size: 24px;
    font-size: 1.33333rem
  }
  .document-toc h2 {
    padding-left: 10px
  }
  html[dir=rtl] .document-toc h2 {
    padding-left: 0;
    padding-right: 10px
  }
  .document-toc .toc-related-topics {
    display: none
  }
}
body .topicpage-table {
  clear: both;
  width: 100%;
  border: none;
  display: block;
  border-collapse: collapse;
  margin-bottom: 20px
}
body .topicpage-table td, body .topicpage-table th, body .topicpage-table tr {
  border: none;
  display: block;
  padding: 0;
  vertical-align: top
}
.topicpage-table h2 {
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  margin-top: 0
}
.topicpage-table ul {
  padding-left: 20px
}
.topicpage-table small {
  font-size: 16px
}
@media all and (min-width:63.9385em) {
  body .topicpage-table {
    display: table;
    border-collapse: collapse
  }
  body .topicpage-table tr {
    display: table-row
  }
  body .topicpage-table .section, body .topicpage-table td, body .topicpage-table th {
    display: table-cell;
    width: 50%;
    padding: 0 20px
  }
  body .topicpage-table .section, body .topicpage-table td, body .topicpage-table th {
    border-left: solid 6px #eaeff2
  }
  html[dir=rtl] body .topicpage-table .section, html[dir=rtl] body .topicpage-table td, html[dir=rtl] body .topicpage-table th {
    border-left: none;
    border-right: solid 6px #eaeff2
  }
  body .topicpage-table .section:first-child, body .topicpage-table td:first-child, body .topicpage-table th:first-child {
    border-left: none;
    padding-left: 0
  }
  html[dir=rtl] body .topicpage-table .section:first-child, html[dir=rtl] body .topicpage-table td:first-child, html[dir=rtl] body .topicpage-table th:first-child {
    border-left: solid 6px #eaeff2;
    border-right: none;
    padding-left: 20px;
    padding-right: 0
  }
  body .topicpage-table .section:last-child, body .topicpage-table td:last-child, body .topicpage-table th:last-child {
    padding-right: 0
  }
  html[dir=rtl] body .topicpage-table .section:last-child, html[dir=rtl] body .topicpage-table td:last-child, html[dir=rtl] body .topicpage-table th:last-child {
    padding-right: 20px;
    padding-left: 0
  }
}
#kserrors ul {
  list-style-type: none;
  padding-left: 0!important
}
.kserrors-details {
  padding: 20px 0
}
.intrinsic-wrapper {
  max-width: 640px
}
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%
}
.intrinsic-container-4x3 {
  padding-bottom: 75%
}
.intrinsic-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.text-content .cssprop, .text-content .htmlelt, .text-content .learn-box, .text-content .properties, .text-content .summary-box-events, .text-content .summary-box-js {
  box-sizing: border-box;
  max-width: 42rem;
  width: 100%;
  display: table;
  margin: 0 0 20px 0;
  border-style: solid;
  background: #e4f0f5;
  border-collapse: separate;
  border-color: #3d7e9a
}
.text-content .cssprop, .text-content .htmlelt, .text-content .learn-box, .text-content .properties, .text-content .summary-box-events, .text-content .summary-box-js {
  clear: left
}
html[dir=rtl] .text-content .cssprop, html[dir=rtl] .text-content .htmlelt, html[dir=rtl] .text-content .learn-box, html[dir=rtl] .text-content .properties, html[dir=rtl] .text-content .summary-box-events, html[dir=rtl] .text-content .summary-box-js {
  clear: right
}
.text-content .cssprop, .text-content .htmlelt, .text-content .learn-box, .text-content .properties, .text-content .summary-box-events, .text-content .summary-box-js {
  padding: 12px 32px 12px 12px;
  border-width: 0 0 0 5px
}
html[dir=rtl] .text-content .cssprop, html[dir=rtl] .text-content .htmlelt, html[dir=rtl] .text-content .learn-box, html[dir=rtl] .text-content .properties, html[dir=rtl] .text-content .summary-box-events, html[dir=rtl] .text-content .summary-box-js {
  padding: 12px 12px 12px 32px;
  border-width: 0 5px 0 0
}
@media all and (max-width:29.9375em) {
  .text-content .cssprop, .text-content .htmlelt, .text-content .learn-box, .text-content .properties, .text-content .summary-box-events, .text-content .summary-box-js {
    padding: 8px
  }
  html[dir=rtl] .text-content .cssprop, html[dir=rtl] .text-content .htmlelt, html[dir=rtl] .text-content .learn-box, html[dir=rtl] .text-content .properties, html[dir=rtl] .text-content .summary-box-events, html[dir=rtl] .text-content .summary-box-js {
    padding: 8px
  }
}
.cssprop li, .htmlelt li, .learn-box li, .properties li, .summary-box-events li, .summary-box-js li {
  display: table-row;
  margin: 0
}
.cssprop li dfn, .htmlelt li dfn, .learn-box li dfn, .properties li dfn, .summary-box-events li dfn, .summary-box-js li dfn {
  display: table-cell;
  width: 30%;
  border-bottom: none;
  font-weight: 700;
  white-space: pre;
  cursor: inherit
}
.cssprop li dfn, .htmlelt li dfn, .learn-box li dfn, .properties li dfn, .summary-box-events li dfn, .summary-box-js li dfn {
  padding: 8px 16px 8px 8px
}
html[dir=rtl] .cssprop li dfn, html[dir=rtl] .htmlelt li dfn, html[dir=rtl] .learn-box li dfn, html[dir=rtl] .properties li dfn, html[dir=rtl] .summary-box-events li dfn, html[dir=rtl] .summary-box-js li dfn {
  padding: 8px 8px 8px 16px
}
.cssprop li li, .htmlelt li li, .learn-box li li, .properties li li, .summary-box-events li li, .summary-box-js li li {
  display: list-item;
  list-style-type: disc;
  line-height: 1
}
.cssprop th, .htmlelt th, .learn-box th, .properties th, .summary-box-events th, .summary-box-js th {
  min-width: 150px;
  font-weight: 700
}
.cssprop td, .cssprop th, .htmlelt td, .htmlelt th, .learn-box td, .learn-box th, .properties td, .properties th, .summary-box-events td, .summary-box-events th, .summary-box-js td, .summary-box-js th {
  border-width: 0;
  vertical-align: top
}
.cssprop td li, .cssprop th li, .htmlelt td li, .htmlelt th li, .learn-box td li, .learn-box th li, .properties td li, .properties th li, .summary-box-events td li, .summary-box-events th li, .summary-box-js td li, .summary-box-js th li {
  display: list-item;
  list-style-type: disc;
  line-height: 1
}
.text-content .learn-box {
  border-color: #f69d3c;
  background-color: #ffe8d4
}
@media all and (max-width:29.9375em) {
  .learn-box td, .learn-box th, .properties td, .properties th {
    display: block
  }
  .learn-box th, .properties th {
    padding-bottom: 0
  }
  .learn-box td, .properties td {
    padding-top: 0;
    padding-left: 40px
  }
}
.spec-ED {
  color: #e61919
}
.spec-Draft, .spec-WD {
  color: #e66e33
}
.spec-CR, .spec-RC {
  color: #00978e
}
.spec-PR {
  color: #72ac35
}
.spec-REC, .spec-RFC {
  color: #309c40;
  hyphens: auto
}
.spec-Living, .spec-Standard {
  color: #00539f
}
.spec-CR:before, .spec-Draft:before, .spec-ED:before, .spec-Living:before, .spec-PR:before, .spec-RC:before, .spec-REC:before, .spec-RFC:before, .spec-Standard:before, .spec-WD:before {
  font-weight: 700;
  direction: ltr
}
.spec-CR:before, .spec-Draft:before, .spec-ED:before, .spec-Living:before, .spec-PR:before, .spec-RC:before, .spec-REC:before, .spec-RFC:before, .spec-Standard:before, .spec-WD:before {
  margin: .2em .6em 0 0
}
html[dir=rtl] .spec-CR:before, html[dir=rtl] .spec-Draft:before, html[dir=rtl] .spec-ED:before, html[dir=rtl] .spec-Living:before, html[dir=rtl] .spec-PR:before, html[dir=rtl] .spec-RC:before, html[dir=rtl] .spec-REC:before, html[dir=rtl] .spec-RFC:before, html[dir=rtl] .spec-Standard:before, html[dir=rtl] .spec-WD:before {
  margin: .2em .6em 0
}
.spec-ED:before {
  content: 'ED';
  background: #f4c1c2
}
.spec-WD:before {
  content: 'WD';
  background: #f4d7c9
}
.spec-CR:before, .spec-RC:before {
  content: 'CR';
  background: #bae1e0
}
.spec-RC:before {
  content: 'RC'
}
.spec-PR:before {
  content: 'PR';
  background: #d7e6c9
}
.spec-REC:before {
  content: 'REC';
  background: #c6e2cc
}
.spec-Living:before {
  content: 'LS';
  background: #bad0e4
}
.spec-RFC:before {
  content: 'RFC';
  background: #bad0e4
}
.spec-Standard:before {
  content: 'ST';
  background: #bad0e4
}
.spec-Draft:before {
  content: 'D';
  background: #f4d7c9
}
.blockIndicator code, .geckoVersionNote code, .inheritsbox code, .note code, .notice code, .overheadIndicator code, .standardNoteBlock code, .warning code {
  font-size: 18px;
  font-size: 1rem
}
.blockIndicator+.blockIndicator, .blockIndicator+.note, .blockIndicator+.notice, .blockIndicator+.overheadIndicator, .blockIndicator+.properties, .blockIndicator+.warning, .blockIndicator+p:empty+.blockIndicator, .blockIndicator+p:empty+.note, .blockIndicator+p:empty+.notice, .blockIndicator+p:empty+.overheadIndicator, .blockIndicator+p:empty+.properties, .blockIndicator+p:empty+.warning, .note+.blockIndicator, .note+.note, .note+.notice, .note+.overheadIndicator, .note+.properties, .note+.warning, .note+p:empty+.blockIndicator, .note+p:empty+.note, .note+p:empty+.notice, .note+p:empty+.overheadIndicator, .note+p:empty+.properties, .note+p:empty+.warning, .notice+.blockIndicator, .notice+.note, .notice+.notice, .notice+.overheadIndicator, .notice+.properties, .notice+.warning, .notice+p:empty+.blockIndicator, .notice+p:empty+.note, .notice+p:empty+.notice, .notice+p:empty+.overheadIndicator, .notice+p:empty+.properties, .notice+p:empty+.warning, .overheadIndicator+.blockIndicator, .overheadIndicator+.note, .overheadIndicator+.notice, .overheadIndicator+.overheadIndicator, .overheadIndicator+.properties, .overheadIndicator+.warning, .overheadIndicator+p:empty+.blockIndicator, .overheadIndicator+p:empty+.note, .overheadIndicator+p:empty+.notice, .overheadIndicator+p:empty+.overheadIndicator, .overheadIndicator+p:empty+.properties, .overheadIndicator+p:empty+.warning, .properties+.blockIndicator, .properties+.note, .properties+.notice, .properties+.overheadIndicator, .properties+.properties, .properties+.warning, .properties+p:empty+.blockIndicator, .properties+p:empty+.note, .properties+p:empty+.notice, .properties+p:empty+.overheadIndicator, .properties+p:empty+.properties, .properties+p:empty+.warning, .warning+.blockIndicator, .warning+.note, .warning+.notice, .warning+.overheadIndicator, .warning+.properties, .warning+.warning, .warning+p:empty+.blockIndicator, .warning+p:empty+.note, .warning+p:empty+.notice, .warning+p:empty+.overheadIndicator, .warning+p:empty+.properties, .warning+p:empty+.warning, pre+.blockIndicator, pre+.note, pre+.notice, pre+.overheadIndicator, pre+.properties, pre+.warning, pre+p:empty+.blockIndicator, pre+p:empty+.note, pre+p:empty+.notice, pre+p:empty+.overheadIndicator, pre+p:empty+.properties, pre+p:empty+.warning {
  margin-top: -15px
}
.blockIndicator+p:empty+pre, .blockIndicator+pre, .note+p:empty+pre, .note+pre, .notice+p:empty+pre, .notice+pre, .overheadIndicator+p:empty+pre, .overheadIndicator+pre, .properties+p:empty+pre, .properties+pre, .warning+p:empty+pre, .warning+pre, pre+p:empty+pre, pre+pre {
  margin-top: -15px!important
}
.warning pre:last-child {
  padding-bottom: 15px
}
.geckoVersionNote>p:first-child:empty {
  display: none
}
.indicatorInHeadline[title], .inlineIndicator[title] {
  cursor: help
}
.headingWithIndicator {
  position: relative;
  clear: both
}
.headingWithIndicator:after {
  content: ' ';
  clear: both;
  display: table
}
.headingWithIndicator h2 {
  position: relative;
  margin-top: 60px;
  padding-top: 40px;
  border-top: 3px solid #3d7e9a
}
.headingWithIndicator h2+.indicatorInHeadline {
  position: absolute;
  top: 6px
}
.headingWithIndicator h2+.indicatorInHeadline {
  right: 0
}
html[dir=rtl] .headingWithIndicator h2+.indicatorInHeadline {
  right: auto;
  left: 0
}
.headingWithIndicator h3, .headingWithIndicator h4, .headingWithIndicator h5, .headingWithIndicator h6 {
  float: left
}
html[dir=rtl] .headingWithIndicator h3, html[dir=rtl] .headingWithIndicator h4, html[dir=rtl] .headingWithIndicator h5, html[dir=rtl] .headingWithIndicator h6 {
  float: right
}
.indicatorInHeadline {
  float: right
}
html[dir=rtl] .indicatorInHeadline {
  float: left
}
#kserrors.warning:before {
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2ZmZjsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI4Ij48cGF0aCBkPSJNMTcuNzE5IDE5LjIwM2EuOTkzLjk5MyAwIDAgMS0uNjQxIDEuMjUgMS4wMDcgMS4wMDcgMCAwIDEtMS4yNjYtLjY1NkMxNS4yOTYgMTguMTI1IDEzLjc0OSAxNyAxMS45OTkgMTdzLTMuMjk3IDEuMTI1LTMuODEzIDIuNzk3Yy0uMTcyLjUzMS0uNzM0LjgyOC0xLjI1LjY1Ni0uNTMxLS4xNzItLjgyOC0uNzE5LS42NTYtMS4yNUM3LjA2MSAxNi42ODcgOS4zNTggMTUgMTEuOTk5IDE1czQuOTM3IDEuNjg3IDUuNzE5IDQuMjAzek0xMCAxMGMwIDEuMTA5LS44OTEgMi0yIDJzLTItLjg5MS0yLTIgLjg5MS0yIDItMiAyIC44OTEgMiAyem04IDBjMCAxLjEwOS0uODkxIDItMiAycy0yLS44OTEtMi0yIC44OTEtMiAyLTIgMiAuODkxIDIgMnptNCA0YzAtNS41MTYtNC40ODQtMTAtMTAtMTBTMiA4LjQ4NCAyIDE0czQuNDg0IDEwIDEwIDEwIDEwLTQuNDg0IDEwLTEwem0yIDBjMCA2LjYyNS01LjM3NSAxMi0xMiAxMlMwIDIwLjYyNSAwIDE0IDUuMzc1IDIgMTIgMnMxMiA1LjM3NSAxMiAxMnoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 16px;
  margin-top: 5px;
  margin-left: -20px;
  width: 16px;
  height: 20px
}
#doc-rendering-in-progress.warning:before, #doc-rendering-scheduled.warning:before {
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2ZmZjsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMjQgMjgiPjxwYXRoIGQ9Ik0xNCA4LjV2N2MwIC4yODEtLjIxOS41LS41LjVoLTVhLjQ5NC40OTQgMCAwIDEtLjUtLjV2LTFjMC0uMjgxLjIxOS0uNS41LS41SDEyVjguNWMwLS4yODEuMjE5LS41LjUtLjVoMWMuMjgxIDAgLjUuMjE5LjUuNXptNi41IDUuNWMwLTQuNjg4LTMuODEzLTguNS04LjUtOC41UzMuNSA5LjMxMyAzLjUgMTRzMy44MTMgOC41IDguNSA4LjUgOC41LTMuODEzIDguNS04LjV6bTMuNSAwYzAgNi42MjUtNS4zNzUgMTItMTIgMTJTMCAyMC42MjUgMCAxNCA1LjM3NSAyIDEyIDJzMTIgNS4zNzUgMTIgMTJ6Ii8+PC9zdmc+);
  background-repeat: no-repeat;
  background-size: 16px;
  margin-top: 5px;
  margin-left: -20px;
  width: 16px;
  height: 20px
}
.experimental:before, .experimentalBadge:before {
  content: '';
  background-image: url("/static/general/flask.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  margin-top: 5px;
  margin-left: -20px;
  width: 16px;
  height: 20px
}
.inlineIndicator.experimental:before, .inlineIndicator.experimentalBadge:before {
  background-image: url("/static/general/flask.svg");
  background-size: 16px;
  margin: 0 5px 0 -20px;
  width: 16px;
  height: 20px;
  vertical-align: middle
}
.warning:not(.notification):before {
  content: '';
  background-image: url("/static/notifications/exclamation-circle.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  margin-top: 5px;
  margin-left: -20px;
  width: 16px;
  height: 20px
}
.deprecated:before {
  content: '';
  background-image: url("/static/emojis/thumbs-down.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  margin-top: 5px;
  margin-left: -20px;
  width: 16px;
  height: 20px
}
.inlineIndicator.deprecated:before {
  background-image: url("/static/emojis/thumbs-down.svg");
  background-size: 16px;
  margin: 0 5px 0 -20px;
  width: 16px;
  height: 20px;
  vertical-align: middle
}
.draft:before, .translationInProgress:before, .warning.warning-review:before {
  content: '';
  background-image: url("/static/tools/pencil.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  margin-top: 5px;
  margin-left: -20px;
  width: 16px;
  height: 20px
}
.note:before {
  content: '';
  background-image: url("/static/file-icons/file.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  margin-top: 5px;
  margin-left: -20px;
  width: 16px;
  height: 20px
}
.note:before {
  -webkit-transform: scaleY(-1) scaleX(1);
  -ms-transform: scaleY(-1) scaleX(1);
  transform: scaleY(-1) scaleX(1)
}
.obsolete:before {
  content: '';
  background-image: url("/static/general/trash.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  margin-top: 5px;
  margin-left: -20px;
  width: 16px;
  height: 20px
}
.nonStandard:before, .nonstandardBadge:before {
  content: '';
  background-image: url("/static/notifications/exclamation-triangle.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  margin-top: 5px;
  margin-left: -20px;
  width: 16px;
  height: 20px
}
.inlineIndicator.nonStandard:before, .inlineIndicator.nonstandardBadge:before {
  background-image: url("/static/notifications/exclamation-triangle.svg");
  background-size: 16px;
  margin: 0 5px 0 -20px;
  width: 16px;
  height: 20px;
  vertical-align: middle
}
.install:before, .privilegedBadge:before {
  content: '';
  background-image: url("/static/general/shield.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  margin-top: 5px;
  margin-left: -20px;
  width: 16px;
  height: 20px
}
.secureContexts:before {
  content: '';
  background-image: url("/static/general/lock.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  margin-top: 5px;
  margin-left: -20px;
  width: 16px;
  height: 20px
}
.inlineIndicator.secureContexts:before {
  background-size: 12px;
  margin-top: 0;
  width: 12px;
  height: 16px
}
#doc-rendering-in-progress.warning, #doc-rendering-scheduled.warning, #kserrors.warning {
  border-color: #b65456;
  background-color: #b65456
}
.inheritsbox {
  border-color: #3d7e9a;
  background: #e4f0f5
}
.noscript {
  border-color: #f20000;
  background: red
}
.readOnly {
  border-color: #4b4b4b;
  background: #595959
}
.geckoVersionHeading {
  margin: -10px -10px 4px;
  padding: 6px 8px;
  background: -theme-pale-medium(#3d7e9a)
}
.geckoVersionHeading>div {
  font-family: Helvetica, arial, sans-serif
}
a.glossaryLink:not(.new):active, a.glossaryLink:not(.new):focus, a.glossaryLink:not(.new):hover, a.glossaryLink:not(.new):link, a.glossaryLink:not(.new):visited {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed #aaa;
  cursor: help
}
.interactive {
  box-sizing: border-box;
  background-color: #f5f9fa;
  color: #333;
  padding: 10px;
  border: 1px solid #eaf2f4;
  height: 550px;
  width: 100%
}
.interactive.interactive-js {
  height: 490px
}
.interactive.taller {
  height: 692px
}
.interactive.shorter {
  height: 410px
}
.interactive.tabbed {
  height: 430px
}
.no-js .interactive {
  background-color: #f8f8f8;
  height: 240px
}
.interactive-editor-survey {
  margin: 0 auto 20px;
  max-width: 600px;
  text-align: center
}
.interactive.tabbed-shorter {
  height: 375px
}
.interactive.tabbed-standard {
  height: 445px
}
.interactive.tabbed-taller {
  height: 655px
}
@media all and (min-width:63.9385em) {
  .interactive {
    height: 390px
  }
}
.dropdown-container {
  position: relative;
  margin-left: -5px
}
.dropdown-container:focus .dropdown-menu-label, .dropdown-container:focus .dropdown-menu-label a, .dropdown-container:hover .dropdown-menu-label, .dropdown-container:hover .dropdown-menu-label a {
  color: #216b82
}
.dropdown-container .dropdown-menu-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #333;
  padding: 0 5px;
  border: none;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700
}
@media all and (min-width:47.9385em) {
  .dropdown-container .dropdown-menu-label {
    padding: 0 5px 5px
  }
}
.dropdown-container .dropdown-menu-items {
  display: none;
  flex-direction: column;
  box-sizing: border-box;
  background-color: #fff;
  padding: 4px 0;
  min-width: 100%
}
@media all and (min-width:47.9385em) {
  .dropdown-container .dropdown-menu-items {
    position: absolute;
    border: solid 1px #8e8e8e;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 #c9c9c9;
    z-index: 500
  }
}
.dropdown-container .dropdown-menu-items {
  left: 0;
  right: auto
}
html[dir=rtl] .dropdown-container .dropdown-menu-items {
  left: auto;
  right: 0
}
.dropdown-container .dropdown-menu-items.right {
  left: auto;
  right: 0
}
html[dir=rtl] .dropdown-container .dropdown-menu-items.right {
  left: 0;
  right: auto
}
.dropdown-container .dropdown-menu-items li a, .dropdown-container .dropdown-menu-items li button {
  display: inline-block;
  box-sizing: border-box;
  color: #216b82;
  padding: 6px 16px;
  width: 100%;
  text-align: start;
  white-space: nowrap
}
.dropdown-container .dropdown-menu-items li a:hover, .dropdown-container .dropdown-menu-items li button:hover {
  color: #fff;
  background-color: #216b82;
  text-decoration: none
}
.dropdown-container .dropdown-menu-items {
  position: absolute;
  border: solid 1px #8e8e8e;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 #c9c9c9;
  z-index: 500
}
.dropdown-container .dropdown-arrow-down {
  padding-left: 2px;
  font-size: 75%
}
.dropdown-container .show {
  display: block
}
.titlebar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #eee;
  background-image: linear-gradient(to right, transparent, #83d0f2);
  padding: 8px 16px;
  border-bottom: solid 1px #dce3e5;
  border-top: solid 1px #dce3e5;
  box-sizing: border-box;
  width: 100%;
  min-height: 60px
}
@media all and (min-width:47.9385em) {
  .titlebar-container {
    min-height: 106px;
    padding: 12px 24px
  }
}
.titlebar-container .titlebar {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 1352px
}
.titlebar-container .title {
  flex: 1 1;
  font-size: 26px;
  font-weight: 700;
  hyphens: auto
}
@media all and (min-width:47.9385em) {
  .titlebar-container .title {
    font-size: 51px
  }
}
.notification {
  position: fixed;
  display: flex;
  flex-direction: row;
  top: 15px;
  right: 15px;
  background-color: #e4f0f5;
  color: #333;
  padding: 15px;
  padding-right: 8px;
  border: 2px solid #3d7e9a;
  border-radius: 2px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .25);
  width: 300px;
  font-size: 18px;
  z-index: 999999
}
.notification .dismiss-button {
  background-color: inherit;
  align-self: start;
  padding: 0;
  border-width: 0
}
.notification .dismiss-icon {
  height: 18px
}
.breadcrumbs {
  flex: 1 1
}
.breadcrumbs ol {
  flex: 1 1;
  font-size: .9rem
}
.breadcrumbs li {
  display: inline;
  hyphens: auto
}
.breadcrumbs li a.crumb-current-page:link, .breadcrumbs li a.crumb-current-page:visited {
  color: #333
}
.breadcrumbs li .breadcrumb-previous::before {
  content: '';
  border: solid #3d7e9a;
  border-width: 0 2px 2px 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  transform: rotate(135deg);
  margin: 0 10px 0 0;
  position: relative;
  top: -1px
}
.breadcrumbs li .breadcrumb-chevron, .breadcrumbs li .crumb-current-page {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute!important;
  width: 1px
}
.breadcrumbs li:first-child>[class*=crumb-current-page] {
  border: inherit;
  clip: inherit;
  height: inherit;
  margin: inherit;
  overflow: inherit;
  padding: inherit;
  position: inherit!important;
  width: inherit
}
@media all and (min-width:63.9385em) {
  .breadcrumbs li .breadcrumb-chevron, .breadcrumbs li .crumb-current-page {
    border: inherit;
    clip: inherit;
    height: inherit;
    margin: inherit;
    overflow: inherit;
    padding: inherit;
    position: inherit!important;
    width: inherit
  }
  .breadcrumbs li .breadcrumb-previous::before {
    display: none
  }
  .breadcrumbs li .breadcrumb-previous span::before {
    display: none
  }
  .breadcrumbs li .breadcrumb-chevron::after, .breadcrumbs li .breadcrumb-previous::after {
    content: '';
    border: solid #151515;
    border-width: 0 2px 2px 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    margin: 0 8px 0 5px;
    position: relative;
    top: -1px
  }
  .breadcrumbs .pre-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px
  }
}
.alllinks {
  display: block;
  text-align: right
}
div.bug {
  font-style: italic;
  overflow: hidden
}
div.bug>:last-child {
  margin-bottom: 0
}
div.bug>:last-child {
  padding-bottom: 0
}
div.bug pre {
  color: #333
}
.callout-box {
  width: 31.33333%;
  min-width: 200px;
  box-sizing: border-box;
  background: #eee;
  border: 1px solid #f1f1f1;
  padding: 20px;
  position: relative;
  text-align: center;
  min-width: 200px;
  z-index: 2
}
.callout-box {
  float: right;
  margin: 0 0 10px 20px
}
html[dir=rtl] .callout-box {
  float: left;
  margin: 0 20px 10px 0
}
.callout-box h3:first-child, .callout-box h4:first-child {
  margin-top: 0
}
@media all and (max-width:29.9375em) {
  .callout-box {
    width: 100%
  }
  .callout-box {
    margin: 0
  }
  html[dir=rtl] .callout-box {
    margin: 0
  }
}
.callout-box {
  margin-bottom: 20px
}
html[dir=rtl] .callout-box {
  margin-bottom: 20px
}
@media all and (max-width:29.9375em) {
  .callout-box {
    margin-bottom: 20px
  }
  html[dir=rtl] .callout-box {
    margin-bottom: 20px
  }
}
.text-content .card-grid {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0 0 20px;
  list-style-type: none
}
.text-content .card-grid dl, .text-content .card-grid p, .text-content .card-grid ul {
  max-width: 100%
}
.text-content .card-grid {
  padding: 0
}
html[dir=rtl] .text-content .card-grid {
  padding: 0
}
.text-content .card-grid>li {
  padding: 10px;
  background-color: #eee
}
.text-content .card-grid>li>a:first-child, .text-content .card-grid>li>span:first-child {
  display: block;
  margin-bottom: 12px;
  font-size: 26px;
  font-size: 1.44444rem;
  line-height: 1;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif
}
@media all and (min-width:47.9385em) {
  .text-content .card-grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 0 10px
  }
  .text-content .card-grid>li {
    flex: 1;
    margin: 0 10px 10px
  }
  .text-content .card-grid>li:first-child {
    margin-left: 0
  }
  .text-content .card-grid>li:last-child {
    margin-right: 0
  }
}
.multiColumnList {
  -moz-column-width: 250px;
  -webkit-column-width: 250px;
  -ms-column-width: 250px;
  column-width: 250px
}
.wideColumnBox {
  -moz-column-width: 375px;
  -webkit-column-width: 375px;
  -ms-column-width: 375px;
  column-width: 375px
}
.multiColumnList li, .wideColumnBoxList li {
  list-style-type: none;
  page-break-inside: avoid
}
.twocolumns {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px
}
body[contenteditable] .twocolumns {
  border: 2px dotted #adf;
  column-rule: 2px dotted #adf
}
.threecolumns {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px
}
body[contenteditable] .threecolumns {
  border: 2px dotted #adf;
  column-rule: 2px dotted #adf
}
@media all and (max-width:29.9375em) {
  .threecolumns, .twocolumns {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1
  }
}
ul.directory-tree {
  padding-left: 0
}
html[dir=rtl] ul.directory-tree {
  padding-left: 0;
  padding-right: 0
}
ul.directory-tree, ul.directory-tree ul {
  list-style: none
}
ul.directory-tree, ul.directory-tree ul {
  margin-left: 0
}
html[dir=rtl] ul.directory-tree, html[dir=rtl] ul.directory-tree ul {
  margin-left: 0;
  margin-right: 0
}
ul.directory-tree ul {
  padding-left: 28px
}
html[dir=rtl] ul.directory-tree ul {
  padding-left: 0;
  padding-right: 28px
}
ul.directory-tree ul li {
  position: relative
}
ul.directory-tree ul li:after, ul.directory-tree ul li:before {
  content: '';
  position: absolute;
  display: block
}
ul.directory-tree ul li:after, ul.directory-tree ul li:before {
  left: -15px
}
html[dir=rtl] ul.directory-tree ul li:after, html[dir=rtl] ul.directory-tree ul li:before {
  left: auto;
  right: -15px
}
ul.directory-tree ul li:before {
  top: 0;
  height: .75em;
  width: 10px;
  border-bottom: 1px solid #696969
}
ul.directory-tree ul li:before {
  border-left: 1px solid #696969
}
html[dir=rtl] ul.directory-tree ul li:before {
  border-left: none;
  border-right: 1px solid #696969
}
ul.directory-tree ul li:after {
  bottom: -7px;
  height: 100%
}
ul.directory-tree ul li:after {
  border-left: 1px solid #696969
}
html[dir=rtl] ul.directory-tree ul li:after {
  border-left: none;
  border-right: 1px solid #696969
}
ul.directory-tree ul li:last-child:after {
  display: none
}
p.footnote {
  font-size: 16px;
  font-size: .88889rem;
  font-style: italic;
  color: #696969
}
.horizFlexboxContainer {
  max-width: 620px;
  margin: 0 auto 20px auto;
  padding: 6px 8px;
  background-color: #eee
}
.smallTextMultiColumnBoxHeading {
  border-bottom: 2px solid #fff;
  font-size: 24px;
  font-size: 1.33333rem;
  font-weight: 700;
  text-align: center
}
table.html5ArticleToc {
  width: 100%;
  border: 0
}
.html5ArticleToc td {
  padding-top: 12px;
  vertical-align: top
}
.html5ArticleToc ul {
  -moz-column-width: 100px;
  -webkit-column-width: 100px;
  -ms-column-width: 100px;
  column-width: 100px;
  margin-bottom: 0;
  list-style-type: none
}
.html5ArticleToc ul {
  padding-left: 0
}
html[dir=rtl] .html5ArticleToc ul {
  padding-left: 0;
  padding-right: 0
}
.html5ArticleToc li {
  font-size: 16px;
  font-size: .88889rem
}
.landingPageBox {
  width: 100%;
  padding: 0;
  border-bottom: 3px solid #3d7e9a;
  margin-bottom: 20px
}
.landingPageBox ul {
  padding-left: 44px
}
dd.landingPageList, dt.landingPageList {
  page-break-after: avoid
}
.moreinfo {
  box-sizing: border-box;
  max-width: 42rem;
  position: relative;
  padding: 10px 20px 20px 30px;
  margin-bottom: 20px;
  background: #eee
}
.moreinfo h3:first-child, .moreinfo h4:first-child {
  margin-top: 0
}
.moreinfo dl {
  margin-bottom: 0
}
.moreinfo dd {
  margin-bottom: 10px
}
.moreinfo dd:last-child {
  margin-bottom: 0
}
.moreinfo:after {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid #fff;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  top: 5px
}
.licenseblock, .originaldocinfo {
  font-size: 16px;
  font-size: .88889rem;
  position: relative;
  margin-top: 60px;
  padding-top: 40px;
  border-top: 3px solid #3d7e9a;
  background: #eee;
  border: 2px solid #696969;
  padding: 20px 20px 0
}
.originaldocinfo h2 {
  font-size: 18px;
  font-size: 1rem;
  margin-top: 0
}
.pull-aside {
  width: 31.33333%;
  min-width: 200px
}
.pull-aside {
  float: right;
  margin: 0 0 10px 20px
}
html[dir=rtl] .pull-aside {
  float: left;
  margin: 0 20px 10px 0
}
.pull-aside h3:first-child, .pull-aside h4:first-child {
  margin-top: 0
}
@media all and (max-width:29.9375em) {
  .pull-aside {
    width: 100%
  }
  .pull-aside {
    margin: 0
  }
  html[dir=rtl] .pull-aside {
    margin: 0
  }
}
.prevnext {
  box-sizing: border-box;
  max-width: 42rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 50px
}
.prevnext a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e7e9ed;
  border-radius: 4px;
  box-shadow: inset 0 -1px #cdcdcd;
  color: #333;
  padding: 10px 15px
}
.prevnext a:active, .prevnext a:hover {
  background: #d7dbe1;
  color: #333;
  text-decoration: none
}
.prevnext a .label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute!important;
  width: 1px
}
.prevnext a i {
  pointer-events: none
}
@media all and (min-width:47.9385em) {
  .prevnext a {
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px
  }
  .prevnext a .label {
    border: inherit;
    clip: inherit;
    height: inherit;
    margin: inherit;
    overflow: inherit;
    padding: inherit;
    position: inherit!important;
    width: inherit;
    padding: 0
  }
}
.footnote {
  vertical-align: super;
  font-size: 60%
}
s.deprecatedElement, s.nonStdElement, s.obsoleteElement {
  text-decoration: none;
  opacity: .3
}
s.deprecatedElement:focus, s.deprecatedElement:hover, s.nonStdElement:focus, s.nonStdElement:hover, s.obsoleteElement:focus, s.obsoleteElement:hover {
  opacity: 1
}
div.index.widgeted {
  -moz-columns: 10em;
  -webkit-columns: 10em;
  columns: 10em
}
div.index.widgeted li {
  padding-left: 18px
}
div.index.widgeted li.html5 {
  background-image: url(https://developer.mozilla.org/files/3855/HTML5_Badge_16.png);
  background-repeat: no-repeat;
  background-position: left 4px
}
[dir=rtl] div.index.widgeted li {
  padding-right: 18px
}
[dir=rtl] div.index.widgeted li.html5 {
  background-image: url(https://developer.mozilla.org/files/3855/HTML5_Badge_16.png);
  background-repeat: no-repeat;
  background-position: right 4px
}
[dir=rtl] div.index.widgeted span {
  padding-right: 24px
}
div.index.widgeted li.webcomp::after {
  background-image: url("../../general/cogs.svg");
  background-size: 16px;
  width: 16px;
  height: 20px
}
.cleared {
  clear: both
}
.clearLeft {
  clear: left
}
#wikiArticle .breadcrumbs {
  display: block;
  margin-bottom: 1em
}
div.index {
  -moz-columns: 18em;
  -webkit-columns: 18em;
  columns: 18em;
  margin-bottom: 20px
}
div.index>span {
  font-family: serif;
  font-size: 1.6em
}
div.index ol, div.index ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none
}
.indexListRow {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  align-items: flex-start
}
.indexListTerm {
  -webkit-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  align-self: flex-start
}
.indexListBadges {
  -webkit-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  padding-left: 6px;
  margin-right: 6px
}
table.compat-table {
  border-color: #fff;
  border-color: transparent;
  border-collapse: collapse;
  margin: 0
}
table.compat-table td {
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #f4f7f8;
  border-color: rgba(212, 221, 228, .25);
  font-size: 12px;
  background: #fff;
  vertical-align: top;
  word-wrap: break-word
}
table.compat-table td.header, table.compat-table th {
  border: none;
  background: 0 0;
  padding: 2px 4px 8px;
  font-size: 16px;
  font-size: .88889rem;
  line-height: 1;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif
}
div.action-driven {
  display: inline-block;
  float: none;
  min-height: 8.5em;
  margin: .8em;
  box-shadow: .2em .1em .1em grey;
  vertical-align: top
}
div.action-driven>div {
  font-size: 20px;
  font-size: 1.11111rem;
  text-transform: uppercase;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif
}
dl {
  margin-bottom: 20px
}
.deprecatedMethod, .noscriptMethod, .renamedMethod, .unimplementedMethod {
  font-weight: 700
}
.previousPage {
  margin-bottom: 20px
}
.previousPage {
  float: left;
  margin-right: 20px
}
html[dir=rtl] .previousPage {
  float: right;
  margin-right: 0;
  margin-left: 20px
}
.nextPage {
  margin-top: 20px
}
.nextPage {
  float: right;
  margin-left: 20px
}
html[dir=rtl] .nextPage {
  float: left;
  margin-left: 0;
  margin-right: 20px
}
a.liveSample {
  display: inline-block;
  margin: 0 3px 1em;
  font-size: 1.25em;
  color: #fff
}
a.liveSample:link, a.liveSample:visited {
  background-color: #069
}
a.liveSample:focus, a.liveSample:hover {
  background-color: #0099e6
}
[dir=rtl] a.liveSample {
  background-position: left 40%!important;
  padding: .35em .75em .2em!important
}
.standardSidebar {
  background: #eee;
  padding: 20px 15px;
  padding: 5px 15px;
  background: #eee;
  font-size: .85em;
  position: relative;
  z-index: 2
}
.standardSidebar {
  margin: 0 0 15px 15px;
  float: right
}
html[dir=rtl] .standardSidebar {
  margin: 0 15px 15px 0;
  float: left
}
@media all and (max-width:29.9375em) {
  html .standardSidebar {
    float: none;
    margin: 0 0 15px 0
  }
}
.correct {
  color: green
}
.incorrect {
  color: red
}
.best {
  color: #396
}
.done {
  text-decoration: line-through
}
.tuto_details, .tuto_example {
  border: 1px solid #36b;
  padding: .5em;
  margin-bottom: 1em
}
.tuto_details {
  background: #f4f4f4
}
.tuto_example {
  background: #fffff4
}
.tuto_type {
  font-weight: 700;
  text-align: left
}
a.tutospecial:link, a.tutospecial:visited {
  padding: 1px 10px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  border: 1px outset #333;
  border: 1px outset rgba(50, 50, 50, .5);
  font-family: georgia, serif;
  font-size: 14px;
  font-style: italic;
  text-decoration: none
}
a.tutospecial:active, a.tutospecial:focus, a.tutospecial:hover {
  background-color: #666
}
#tutochallenge {
  display: none
}
#tutochallenge a.hideAnswer {
  font-size: 12px;
  text-align: right;
  display: block
}
#tutochallenge:target {
  display: block
}
#tutochallenge+a {
  font-size: 12px;
  text-align: right;
  display: block
}
#tutochallenge:target+a {
  display: none
}
table.fxosScreenGrid, table.fxosScreenGrid tr {
  border: none
}
table.fxosScreenGrid td, table.fxosScreenGrid th {
  border: none;
  width: 340px;
  vertical-align: top
}
div.fxosLiveSampleWrapper {
  width: 328px;
  padding: 6px 4px;
  text-align: center;
  border: 1px solid #b8b2a4;
  background-color: #f3ecdd
}
.rightButtonBox {
  float: right;
  width: 250px;
  position: relative;
  z-index: 2
}
[dir=rtl] .rightButtonBox {
  margin: 0 15px 15px 0;
  float: left
}
.bug-resolved {
  text-decoration: line-through
}
.templateLink {
  border: 1px solid #ccc;
  padding: 1px
}
#wikiArticle i.icon-beaker, #wikiArticle i.icon-stethoscope, #wikiArticle i.icon-thumbs-down-alt, #wikiArticle i.icon-trash, #wikiArticle i.icon-warning-sign {
  cursor: default
}
#wikiArticle i.icon-stethoscope {
  color: #483d8b
}
.htab {
  margin: 0 auto 1em
}
.htab>ul {
  width: 150px;
  text-align: left;
  display: inline;
  padding: 0;
  margin: 0 auto;
  position: relative;
  top: 0
}
.htab>ul>li {
  background-color: #f1f6f8!important;
  border: 1px solid transparent;
  border-top-width: 2px;
  border-radius: 0;
  color: #4d4e53;
  display: inline;
  height: 32px;
  list-style-type: none;
  margin: auto;
  opacity: .75;
  position: relative;
  padding: 5px 6px 3px 6px;
  text-align: left;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  font-size: 14px;
  font-size: .77778rem
}
.htab>ul>li.selected {
  background-color: #eaeff2!important;
  border-top-color: #f4f7f8;
  border-top-color: rgba(212, 221, 228, .25);
  font-weight: 700;
  opacity: 1!important;
  padding-top: 4px;
  position: relative;
  z-index: 10
}
.htab>ul>li.selected a {
  color: #000
}
.htab>div {
  background-color: #eaeff2;
  margin-top: 0;
  border: none;
  padding: 12px;
  position: relative;
  z-index: 9;
  word-wrap: break-word
}
.htab>ul, .htab>ul>li, .htab>ul>li>a {
  cursor: pointer
}
.htab>ul>li>a {
  padding: 2px 18px 4px;
  text-decoration: none
}
.htab>ul>li>a:focus, .htab>ul>li>a:hover {
  text-decoration: underline
}
a.download-button {
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
  display: inline-block;
  border: 2px solid;
  white-space: nowrap;
  color: #4d9f0c;
  background-color: #fff
}
li.download-box {
  position: relative;
  text-align: center
}
li.download-box img {
  float: none
}
li.download-box p {
  padding-bottom: 3em
}
.download-box .download-button {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}
@media all and (max-width:47.9375em) {
  .download-desc>span:first-child {
    font-weight: 700;
    display: block
  }
}
span.comment {
  display: none
}
pre span.comment {
  display: inline
}
dd>dl.reference-values {
  padding-left: 40px
}
li.webextension-api-sidebar {
  background-color: #eee
}
.sample-code-frame {
  border: 1px solid #3d7e9a;
  max-width: calc(100% - 40px - 6px);
  padding: 20px;
  width: calc(100% - 40px - 6px)
}
.sample-code-frame {
  border-width: 1px 1px 1px 5px
}
html[dir=rtl] .sample-code-frame {
  border-width: 1px 5px 1px 1px
}
.sample-code-table .sample-code-frame {
  border: 0;
  max-width: 100%;
  padding: 0;
  width: auto
}
.sample-code-table .sample-code-frame {
  border-width: 0
}
html[dir=rtl] .sample-code-table .sample-code-frame {
  border-width: 0
}
.open-in-host-container {
  text-align: right
}
html[dir=rtl] .open-in-host-container {
  text-align: left
}
.open-in-host {
  width: 100%;
  margin-bottom: 10px
}
@media all and (min-width:29.9385em) {
  .open-in-host {
    margin-bottom: 20px;
    width: auto
  }
  .open-in-host {
    margin-right: 20px
  }
  html[dir=rtl] .open-in-host {
    margin-right: 0;
    margin-left: 20px
  }
  .open-in-host:last-child {
    margin-right: 0
  }
  html[dir=rtl] .open-in-host:last-child {
    margin-right: 0;
    margin-left: 0
  }
}
.section-edit {
  font-size: 16px;
  font-size: .88889rem;
  opacity: 0
}
.section-edit {
  float: right;
  margin-left: 20px
}
html[dir=rtl] .section-edit {
  float: left;
  margin-left: 0;
  margin-right: 20px
}
@media all and (max-width:47.9375em) {
  .section-edit {
    display: none
  }
}
.section-edit:focus, h2:hover .section-edit {
  opacity: 1
}
.article {
  grid-area: main;
  box-sizing: border-box;
  padding: 15px 20px;
  width: 100%
}
@media all and (min-width:63.9385em) {
  .article {
    padding: 30px 24px 30px 12px
  }
}
.article a.section-link {
  font-size: 24px;
  text-decoration: none
}
.article .metadata {
  margin-top: 32px;
  font-size: .88889rem;
  color: #696969
}
.article .metadata header.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute!important;
  width: 1px
}
.article .metadata ul {
  font-size: 16px;
  font-size: .88889rem;
  list-style-type: none
}
.article .metadata .last-modified::before {
  display: inline-block;
  content: '';
  background: transparent url("../../general/clock.svg") 0 0 no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: text-top
}
.sidebar {
  grid-area: side;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 12px
}
@media all and (min-width:47.9385em) {
  .sidebar {
    padding: 30px 12px 30px 24px
  }
}
.sidebar .sidebar-heading {
  margin-bottom: 16px;
  font-size: 24px;
  height: 24px
}
.in-page-callout {
  display: flex;
  flex-flow: column;
  justify-content: center;
  background-color: #e5eff5;
  margin-bottom: 24px;
  padding: 0 20px
}
.in-page-callout p {
  max-width: initial
}
.in-page-callout .cta {
  background-color: #3d7e9a;
  border-radius: 0
}
.text-content .webdev h3 {
  background-color: #e5eff5;
  color: #333;
  padding: 0
}
.text-content .webdev h3::before {
  display: inline-block;
  content: '';
  background: transparent url("/static/general/book.svg") 0 0 no-repeat;
  background-size: 28px;
  margin-right: 5px;
  width: 28px;
  height: 28px;
  vertical-align: sub
}
.offscreen, .only-icon span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.text-content pre, .text-content pre[class*=language-], pre.syntaxbox, pre.twopartsyntaxbox {
  font-size: 18px;
  font-size: 1rem;
  background: #eee;
  border: 0 solid #3d7e9a;
  color: #333;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 15px;
  position: relative;
  font-family: consolas, monaco, "Andale Mono", monospace;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  overflow: auto;
  direction: ltr!important;
  text-align: left!important;
  border-left-width: 5px!important;
  border-right-width: 0!important;
  -moz-tab-size: 4;
  tab-size: 4;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}
.text-content pre, .text-content pre[class*=language-], pre.syntaxbox, pre.twopartsyntaxbox {
  border-left-width: 5px
}
.text-content html[dir=rtl] pre, html[dir=rtl] .text-content pre, html[dir=rtl] pre.syntaxbox, html[dir=rtl] pre.twopartsyntaxbox {
  border-left-width: 0;
  border-right-width: 5px
}
.text-content pre>:last-child, pre.syntaxbox>:last-child, pre.twopartsyntaxbox>:last-child {
  margin-bottom: 0
}
.text-content pre>:last-child, pre.syntaxbox>:last-child, pre.twopartsyntaxbox>:last-child {
  padding-bottom: 0
}
.text-content pre p, .text-content pre[class*=language-] p, pre.syntaxbox p, pre.twopartsyntaxbox p {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%
}
.text-content pre p dl, .text-content pre p p, .text-content pre p ul, .text-content pre[class*=language-] p dl, .text-content pre[class*=language-] p p, .text-content pre[class*=language-] p ul, pre.syntaxbox p dl, pre.syntaxbox p p, pre.syntaxbox p ul, pre.twopartsyntaxbox p dl, pre.twopartsyntaxbox p p, pre.twopartsyntaxbox p ul {
  max-width: 100%
}
.text-content pre code, .text-content pre[class*=language-] code, pre.syntaxbox code, pre.twopartsyntaxbox code {
  background-color: transparent;
  font-style: normal;
  font-weight: inherit;
  padding: 0
}
.subheader-container .column-container h1.highlight-spanned, .text-content h3.highlight-spanned, .text-content h5.highlight-spanned {
  padding: 0;
  background-color: inherit;
  color: inherit
}
.subheader-container .column-container h1.highlight-spanned a, .text-content h3.highlight-spanned a, .text-content h5.highlight-spanned a {
  color: inherit
}
.subheader-container .column-container h1, .subheader-container .column-container h1 .highlight-span, .text-content h3, .text-content h3 .highlight-span, .text-content h5, .text-content h5 .highlight-span {
  background-color: #333;
  color: #fff;
  font-weight: 400;
  line-height: 1.25;
  padding: 0 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}
.subheader-container .column-container h1 .highlight-span a, .subheader-container .column-container h1 a, .text-content h3 .highlight-span a, .text-content h3 a, .text-content h5 .highlight-span a, .text-content h5 a {
  color: #83d0f2
}
.subheader-container .column-container h1 .highlight-span a[name], .subheader-container .column-container h1 a[name], .text-content h3 .highlight-span a[name], .text-content h3 a[name], .text-content h5 .highlight-span a[name], .text-content h5 a[name] {
  color: inherit;
  text-decoration: none
}
.subheader-container .column-container h1 .highlight-span code, .subheader-container .column-container h1 code, .text-content h3 .highlight-span code, .text-content h3 code, .text-content h5 .highlight-span code, .text-content h5 code {
  background-color: rgba(255, 255, 255, .4)!important;
  color: #fff!important
}
.cta-link {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  background-color: transparent;
  text-transform: inherit;
  border: 0;
  padding: 0;
  color: #3d7e9a;
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  border-bottom: 2px solid
}
.cta-link:focus, .cta-link:hover {
  text-decoration: underline
}
.cta-link {
  padding: 10px 30px 10px 0;
  text-align: left
}
html[dir=rtl] .cta-link {
  padding: 10px 0 10px 30px;
  text-align: right
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  position: absolute;
  top: 30%
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  left: auto
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  left: 0;
  right: auto
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  right: 0
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  right: auto;
  left: 0
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  transition: right .2s
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  transition: left .2s
}
.cta-link:focus, .cta-link:hover {
  text-decoration: none
}
.cta-link:focus .icon-arrow, .cta-link:hover .icon-arrow {
  right: -5px
}
html[dir=rtl] .cta-link:focus .icon-arrow, html[dir=rtl] .cta-link:hover .icon-arrow {
  right: 10px;
  left: -5px
}
.cta-link:focus .icon-arrow, .cta-link:hover .icon-arrow {
  left: auto
}
html[dir=rtl] .cta-link:focus .icon-arrow, html[dir=rtl] .cta-link:hover .icon-arrow {
  left: 10px;
  right: auto
}
.cta-link i[class^=icon-] {
  margin-top: 4px
}
.text-content pre[class*=language-] {
  margin: 0 0 20px 0
}
.text-content pre[class*=language-] span.comment {
  display: inherit
}
.text-content code[class*=language-]>code[class*=language-] {
  background-color: none
}
.text-content code[class*=language-], .text-content pre[class*=language-] {
  color: #333;
  text-shadow: none
}
.text-content pre.line-numbers {
  padding-left: 3.8em
}
.text-content pre.no-line-numbers .line-numbers-rows {
  display: none
}
.language-css span.token.string, .style span.token.string, span.token.entity, span.token.operator, span.token.url {
  background-color: transparent
}
.line-highlight {
  padding: 0
}
.line-highlight:before {
  display: none
}
pre.syntaxbox, pre.twopartsyntaxbox {
  background: #e4f0f5;
  white-space: pre-wrap
}
pre.twopartsyntaxbox {
  margin-bottom: 0
}
.error pre[class*=language-] {
  margin: 10px 0 0 0;
  background: 0 0
}
.text-content .example, .text-content .example-bad, .text-content .example-good {
  font-size: 18px;
  font-size: 1rem;
  background: #eee;
  border: 0 solid #696969;
  color: #333;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 15px;
  position: relative
}
.text-content .example, .text-content .example-bad, .text-content .example-good {
  border-left-width: 5px
}
html[dir=rtl] .text-content .example, html[dir=rtl] .text-content .example-bad, html[dir=rtl] .text-content .example-good {
  border-left-width: 0;
  border-right-width: 5px
}
.text-content .example-bad>:last-child, .text-content .example-good>:last-child, .text-content .example>:last-child {
  margin-bottom: 0
}
.text-content .example-bad>:last-child, .text-content .example-good>:last-child, .text-content .example>:last-child {
  padding-bottom: 0
}
.text-content .example-bad:after, .text-content .example-good:after, .text-content .example:after {
  position: absolute;
  bottom: 2px;
  z-index: 10;
  speak: none
}
.text-content .example-bad:after, .text-content .example-good:after, .text-content .example:after {
  right: 2px
}
html[dir=rtl] .text-content .example-bad:after, html[dir=rtl] .text-content .example-good:after, html[dir=rtl] .text-content .example:after {
  right: auto;
  left: 2px
}
html[dir=rtl] .text-content pre[class*=language-].example-bad:after, html[dir=rtl] .text-content pre[class*=language-].example-good:after, html[dir=rtl] .text-content pre[class*=language-].example:after {
  right: 2px;
  left: auto
}
.text-content .example-good, .text-content pre[class*=language-].example-good {
  background-color: #f6faf3;
  border-color: #4d9f0c
}
.text-content .example-good:after, .text-content pre[class*=language-].example-good:after {
  background: #f6faf3;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogIzRkOWYwYzsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI4Ij48cGF0aCBkPSJNMTcuNzE5IDE2Ljc5N0MxNi45MzggMTkuMzEzIDE0LjY0MSAyMSAxMiAyMXMtNC45MzctMS42ODctNS43MTktNC4yMDNjLS4xNzItLjUzMS4xMjUtMS4wNzguNjU2LTEuMjUuNTE2LS4xNzIgMS4wNzguMTI1IDEuMjUuNjU2QzguNzAzIDE3Ljg3NSAxMC4yNSAxOSAxMiAxOXMzLjI5Ny0xLjEyNSAzLjgxMy0yLjc5N2ExLjAwNiAxLjAwNiAwIDAgMSAxLjI2Ni0uNjU2Ljk5NC45OTQgMCAwIDEgLjY0MSAxLjI1ek0xMCAxMGMwIDEuMTA5LS44OTEgMi0yIDJzLTItLjg5MS0yLTIgLjg5MS0yIDItMiAyIC44OTEgMiAyem04IDBjMCAxLjEwOS0uODkxIDItMiAycy0yLS44OTEtMi0yIC44OTEtMiAyLTIgMiAuODkxIDIgMnptNCA0YzAtNS41MTYtNC40ODQtMTAtMTAtMTBTMiA4LjQ4NCAyIDE0czQuNDg0IDEwIDEwIDEwIDEwLTQuNDg0IDEwLTEwem0yIDBjMCA2LjYyNS01LjM3NSAxMi0xMiAxMlMwIDIwLjYyNSAwIDE0IDUuMzc1IDIgMTIgMnMxMiA1LjM3NSAxMiAxMnoiLz48L3N2Zz4=);
  background-size: 16px;
  width: 16px;
  height: 20px
}
.text-content .example-bad, .text-content pre[class*=language-].example-bad {
  background-color: #fef7f7;
  border-color: #e66465
}
.text-content .example-bad:after, .text-content pre[class*=language-].example-bad:after {
  background: #fef7f7;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2U2NjQ2NTsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI4Ij48cGF0aCBkPSJNMTcuNzE5IDE5LjIwM2EuOTkzLjk5MyAwIDAgMS0uNjQxIDEuMjUgMS4wMDcgMS4wMDcgMCAwIDEtMS4yNjYtLjY1NkMxNS4yOTYgMTguMTI1IDEzLjc0OSAxNyAxMS45OTkgMTdzLTMuMjk3IDEuMTI1LTMuODEzIDIuNzk3Yy0uMTcyLjUzMS0uNzM0LjgyOC0xLjI1LjY1Ni0uNTMxLS4xNzItLjgyOC0uNzE5LS42NTYtMS4yNUM3LjA2MSAxNi42ODcgOS4zNTggMTUgMTEuOTk5IDE1czQuOTM3IDEuNjg3IDUuNzE5IDQuMjAzek0xMCAxMGMwIDEuMTA5LS44OTEgMi0yIDJzLTItLjg5MS0yLTIgLjg5MS0yIDItMiAyIC44OTEgMiAyem04IDBjMCAxLjEwOS0uODkxIDItMiAycy0yLS44OTEtMi0yIC44OTEtMiAyLTIgMiAuODkxIDIgMnptNCA0YzAtNS41MTYtNC40ODQtMTAtMTAtMTBTMiA4LjQ4NCAyIDE0czQuNDg0IDEwIDEwIDEwIDEwLTQuNDg0IDEwLTEwem0yIDBjMCA2LjYyNS01LjM3NSAxMi0xMiAxMlMwIDIwLjYyNSAwIDE0IDUuMzc1IDIgMTIgMnMxMiA1LjM3NSAxMiAxMnoiLz48L3N2Zz4=);
  background-size: 16px;
  width: 16px;
  height: 20px
}
.offscreen, .only-icon span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.text-content pre, .text-content pre[class*=language-], pre.syntaxbox, pre.twopartsyntaxbox {
  font-size: 18px;
  font-size: 1rem;
  background: #eee;
  border: 0 solid #3d7e9a;
  color: #333;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 15px;
  position: relative;
  font-family: consolas, monaco, "Andale Mono", monospace;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  overflow: auto;
  direction: ltr!important;
  text-align: left!important;
  border-left-width: 5px!important;
  border-right-width: 0!important;
  -moz-tab-size: 4;
  tab-size: 4;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}
.text-content pre, .text-content pre[class*=language-], pre.syntaxbox, pre.twopartsyntaxbox {
  border-left-width: 5px
}
.text-content html[dir=rtl] pre, html[dir=rtl] .text-content pre, html[dir=rtl] pre.syntaxbox, html[dir=rtl] pre.twopartsyntaxbox {
  border-left-width: 0;
  border-right-width: 5px
}
.text-content pre>:last-child, pre.syntaxbox>:last-child, pre.twopartsyntaxbox>:last-child {
  margin-bottom: 0
}
.text-content pre>:last-child, pre.syntaxbox>:last-child, pre.twopartsyntaxbox>:last-child {
  padding-bottom: 0
}
.text-content pre p, .text-content pre[class*=language-] p, pre.syntaxbox p, pre.twopartsyntaxbox p {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%
}
.text-content pre p dl, .text-content pre p p, .text-content pre p ul, .text-content pre[class*=language-] p dl, .text-content pre[class*=language-] p p, .text-content pre[class*=language-] p ul, pre.syntaxbox p dl, pre.syntaxbox p p, pre.syntaxbox p ul, pre.twopartsyntaxbox p dl, pre.twopartsyntaxbox p p, pre.twopartsyntaxbox p ul {
  max-width: 100%
}
.text-content pre code, .text-content pre[class*=language-] code, pre.syntaxbox code, pre.twopartsyntaxbox code {
  background-color: transparent;
  font-style: normal;
  font-weight: inherit;
  padding: 0
}
.subheader-container .column-container h1.highlight-spanned, .text-content h3.highlight-spanned, .text-content h5.highlight-spanned {
  padding: 0;
  background-color: inherit;
  color: inherit
}
.subheader-container .column-container h1.highlight-spanned a, .text-content h3.highlight-spanned a, .text-content h5.highlight-spanned a {
  color: inherit
}
.subheader-container .column-container h1, .subheader-container .column-container h1 .highlight-span, .text-content h3, .text-content h3 .highlight-span, .text-content h5, .text-content h5 .highlight-span {
  background-color: #333;
  color: #fff;
  font-weight: 400;
  line-height: 1.25;
  padding: 0 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}
.subheader-container .column-container h1 .highlight-span a, .subheader-container .column-container h1 a, .text-content h3 .highlight-span a, .text-content h3 a, .text-content h5 .highlight-span a, .text-content h5 a {
  color: #83d0f2
}
.subheader-container .column-container h1 .highlight-span a[name], .subheader-container .column-container h1 a[name], .text-content h3 .highlight-span a[name], .text-content h3 a[name], .text-content h5 .highlight-span a[name], .text-content h5 a[name] {
  color: inherit;
  text-decoration: none
}
.subheader-container .column-container h1 .highlight-span code, .subheader-container .column-container h1 code, .text-content h3 .highlight-span code, .text-content h3 code, .text-content h5 .highlight-span code, .text-content h5 code {
  background-color: rgba(255, 255, 255, .4)!important;
  color: #fff!important
}
.cta-link {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  background-color: transparent;
  text-transform: inherit;
  border: 0;
  padding: 0;
  color: #3d7e9a;
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  border-bottom: 2px solid
}
.cta-link:focus, .cta-link:hover {
  text-decoration: underline
}
.cta-link {
  padding: 10px 30px 10px 0;
  text-align: left
}
html[dir=rtl] .cta-link {
  padding: 10px 0 10px 30px;
  text-align: right
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  position: absolute;
  top: 30%
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  left: auto
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  left: 0;
  right: auto
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  right: 0
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  right: auto;
  left: 0
}
.cta-link .icon-arrow, .cta-link .icon-envelope {
  transition: right .2s
}
html[dir=rtl] .cta-link .icon-arrow, html[dir=rtl] .cta-link .icon-envelope {
  transition: left .2s
}
.cta-link:focus, .cta-link:hover {
  text-decoration: none
}
.cta-link:focus .icon-arrow, .cta-link:hover .icon-arrow {
  right: -5px
}
html[dir=rtl] .cta-link:focus .icon-arrow, html[dir=rtl] .cta-link:hover .icon-arrow {
  right: 10px;
  left: -5px
}
.cta-link:focus .icon-arrow, .cta-link:hover .icon-arrow {
  left: auto
}
html[dir=rtl] .cta-link:focus .icon-arrow, html[dir=rtl] .cta-link:hover .icon-arrow {
  left: 10px;
  right: auto
}
.cta-link i[class^=icon-] {
  margin-top: 4px
}
.blockIndicator, .geckoVersionNote, .inheritsbox, .note, .notice, .overheadIndicator, .standardNoteBlock, .warning {
  box-sizing: border-box;
  max-width: 42rem;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 10px;
  clear: both;
  clear: none;
  background-color: #eee;
  font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif;
  font-size: 18px;
  font-size: 1rem
}
.blockIndicator, .geckoVersionNote, .inheritsbox, .note, .notice, .overheadIndicator, .standardNoteBlock, .warning {
  border-left-width: 5px;
  border-left-style: solid
}
html[dir=rtl] .blockIndicator, html[dir=rtl] .geckoVersionNote, html[dir=rtl] .inheritsbox, html[dir=rtl] .note, html[dir=rtl] .notice, html[dir=rtl] .overheadIndicator, html[dir=rtl] .standardNoteBlock, html[dir=rtl] .warning {
  border-left-width: 0;
  border-right-width: 5px;
  border-left-style: none;
  border-right-style: solid
}
.blockIndicator>:last-child, .geckoVersionNote>:last-child, .inheritsbox>:last-child, .note>:last-child, .notice>:last-child, .overheadIndicator>:last-child, .standardNoteBlock>:last-child, .warning>:last-child {
  margin-bottom: 0
}
.blockIndicator>:last-child, .geckoVersionNote>:last-child, .inheritsbox>:last-child, .note>:last-child, .notice>:last-child, .overheadIndicator>:last-child, .standardNoteBlock>:last-child, .warning>:last-child {
  padding-bottom: 0
}
.blockIndicator:after, .geckoVersionNote:after, .inheritsbox:after, .note:after, .notice:after, .overheadIndicator:after, .standardNoteBlock:after, .warning:after {
  content: ' ';
  clear: both;
  display: table
}
.blockIndicator:before, .geckoVersionNote:before, .inheritsbox:before, .note:before, .notice:before, .overheadIndicator:before, .standardNoteBlock:before, .warning:before {
  display: inline-block;
  width: 30px
}
.blockIndicator:before, .geckoVersionNote:before, .inheritsbox:before, .note:before, .notice:before, .overheadIndicator:before, .standardNoteBlock:before, .warning:before {
  float: left;
  margin: -1px 0 -5px -25px
}
html[dir=rtl] .blockIndicator:before, html[dir=rtl] .geckoVersionNote:before, html[dir=rtl] .inheritsbox:before, html[dir=rtl] .note:before, html[dir=rtl] .notice:before, html[dir=rtl] .overheadIndicator:before, html[dir=rtl] .standardNoteBlock:before, html[dir=rtl] .warning:before {
  float: right;
  margin: -5px -25px -5px 0
}
.blockIndicator pre, .geckoVersionNote pre, .inheritsbox pre, .note pre, .notice pre, .overheadIndicator pre, .standardNoteBlock pre, .warning pre {
  color: #333
}
.bannerHeading, .blockIndicator p>strong, .geckoVersionHeading, .geckoVersionNote p>strong, .inheritsbox p>strong, .note p>strong, .notice p>strong, .overheadIndicator p>strong, .standardNoteBlock p>strong, .warning p>strong {
  font-style: normal;
  font-weight: 700
}
.draft, .notice:not(.experimental), .translationInProgress, .warning#doc-rendering-in-progress, .warning#doc-rendering-scheduled, .warning#kserrors, .warning.warning-review {
  box-sizing: border-box;
  max-width: 42rem
}
.draft, .notice:not(.experimental), .translationInProgress, .warning#doc-rendering-in-progress, .warning#doc-rendering-scheduled, .warning#kserrors, .warning.warning-review {
  border-width: 2px;
  border-style: solid
}
html[dir=rtl] .draft, html[dir=rtl] .notice:not(.experimental), html[dir=rtl] .translationInProgress, html[dir=rtl] .warning#doc-rendering-in-progress, html[dir=rtl] .warning#doc-rendering-scheduled, html[dir=rtl] .warning#kserrors, html[dir=rtl] .warning.warning-review {
  border-width: 2px;
  border-style: solid
}
.indicatorInHeadline, .inlineIndicator, .spec-CR:before, .spec-Draft:before, .spec-ED:before, .spec-Living:before, .spec-PR:before, .spec-RC:before, .spec-REC:before, .spec-RFC:before, .spec-Standard:before, .spec-WD:before {
  display: inline-block;
  min-width: 20px;
  vertical-align: baseline;
  border-radius: 2px;
  padding: .45em .35em;
  background-color: #eee;
  font-family: Helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal
}
.indicatorInHeadline, .inlineIndicator, .spec-CR:before, .spec-Draft:before, .spec-ED:before, .spec-Living:before, .spec-PR:before, .spec-RC:before, .spec-REC:before, .spec-RFC:before, .spec-Standard:before, .spec-WD:before {
  margin-left: 10px;
  border-left: 4px solid
}
html[dir=rtl] .indicatorInHeadline, html[dir=rtl] .inlineIndicator, html[dir=rtl] .spec-CR:before, html[dir=rtl] .spec-Draft:before, html[dir=rtl] .spec-ED:before, html[dir=rtl] .spec-Living:before, html[dir=rtl] .spec-PR:before, html[dir=rtl] .spec-RC:before, html[dir=rtl] .spec-REC:before, html[dir=rtl] .spec-RFC:before, html[dir=rtl] .spec-Standard:before, html[dir=rtl] .spec-WD:before {
  margin-left: 0;
  margin-right: 10px;
  border-left: none;
  border-right: 4px solid
}
.indicatorInHeadline:before, .inlineIndicator:before {
  display: inline-block
}
.indicatorInHeadline:before, .inlineIndicator:before {
  margin-left: -22px;
  margin-right: 3px
}
html[dir=rtl] .indicatorInHeadline:before, html[dir=rtl] .inlineIndicator:before {
  margin-left: 3px;
  margin-right: -22px
}
#doc-rendering-in-progress.warning, #doc-rendering-scheduled.warning, #kserrors.warning, .deprecated, .draft, .experimental, .experimentalBadge, .inlineIndicator.deprecated, .inlineIndicator.experimental, .inlineIndicator.experimentalBadge, .inlineIndicator.nonStandard, .inlineIndicator.nonstandardBadge, .install, .nonStandard, .nonstandardBadge, .note, .obsolete, .privilegedBadge, .secureContexts, .translationInProgress, .warning.warning-review, .warning:not(.notification) {
  padding-left: 25px
}
html[dir=rtl] #doc-rendering-in-progress.warning, html[dir=rtl] #doc-rendering-scheduled.warning, html[dir=rtl] #kserrors.warning, html[dir=rtl] .deprecated, html[dir=rtl] .draft, html[dir=rtl] .experimental, html[dir=rtl] .experimentalBadge, html[dir=rtl] .install, html[dir=rtl] .nonStandard, html[dir=rtl] .nonstandardBadge, html[dir=rtl] .note, html[dir=rtl] .obsolete, html[dir=rtl] .privilegedBadge, html[dir=rtl] .secureContexts, html[dir=rtl] .translationInProgress, html[dir=rtl] .warning.warning-review, html[dir=rtl] .warning:not(.notification) {
  padding-left: .35em;
  padding-right: 25px
}
.bc-browsers .bc-head-icon-chrome:before, .bc-browsers .bc-head-icon-chrome_android:before, .bc-browsers .bc-head-icon-edge:before, .bc-browsers .bc-head-icon-edge_mobile:before, .bc-browsers .bc-head-icon-firefox:before, .bc-browsers .bc-head-icon-firefox_android:before, .bc-browsers .bc-head-icon-ie:before, .bc-browsers .bc-head-icon-nodejs:before, .bc-browsers .bc-head-icon-opera:before, .bc-browsers .bc-head-icon-opera_android:before, .bc-browsers .bc-head-icon-safari:before, .bc-browsers .bc-head-icon-safari_ios:before, .bc-browsers .bc-head-icon-samsunginternet_android:before, .bc-browsers .bc-head-icon-webview_android:before, .bc-platforms .bc-platform-desktop:before, .bc-platforms .bc-platform-mobile:before, .bc-platforms .bc-platform-server:before, .ic-altname:before, .ic-deprecated:before, .ic-disabled:before, .ic-experimental:before, .ic-footnote:before, .ic-history:before, .ic-non-standard:before, .icon-only-inline i.icon-beaker, .icon-only-inline i.icon-trash, .icon-only-inline i.icon-warning-sign, .inlineIndicator.deprecated:before, .inlineIndicator.experimental:before, .inlineIndicator.experimentalBadge:before, .inlineIndicator.nonStandard:before, .inlineIndicator.nonstandardBadge:before, .prevnext .icon-arrow-left, .prevnext .icon-arrow-right, .prevnext .icon-arrow-up, .standard-table i.icon-cogs, .text-content .example-bad:after, .text-content .example-good:after, .text-content pre.example-bad[class*=language-]:after, .text-content pre.example-good[class*=language-]:after, div.index.widgeted li.webcomp::after, html[dir=ltr] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before, html[dir=ltr] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before, html[dir=rtl] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after, html[dir=rtl] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after, i.icon-beaker, i.icon-info-sign, i.icon-thumbs-down-alt, i.icon-trash, i.icon-warning-sign {
  display: inline-block;
  content: '';
  background-repeat: no-repeat
}
#doc-rendering-in-progress.warning, #doc-rendering-scheduled.warning, #kserrors.warning, .noscript {
  color: #fff
}
#doc-rendering-in-progress.warning a, #doc-rendering-scheduled.warning a, #kserrors.warning a, .noscript a {
  color: #fff
}
.indicator-info, .optional, .template-jsOverrides {
  background: #eee;
  border-color: #696969
}
.domLevel, .experimental, .experimentalBadge, .firefoxVersionBadge, .geckoMinVer, .geckoMinVerMethod, .geckoVersionBadge, .geckoVersionNote, .htmlVer, .indicator-version, .jsMinVer, .jsMinVerHeader, .mbMinVer, .mobileOnly, .notXPCOM, .projectSpecific, .smMinVerHeader, .standardNote, .tbMinVer {
  background: #e4f0f5;
  border-color: #3d7e9a
}
.draft, .indicator-warning, .note, .notice, .prefixBox, .privilegedBadge, .renamed, .secureContexts, .todo, .translationInProgress, .warning.warning-review {
  background: #fff3d4;
  border-color: #f6b73c
}
.deprecated, .deprecatedBadge, .indicator-danger, .nonStandard, .nonstandardBadge, .obsolete, .obsoleteBadge, .unimplemented, .unimplementedBadge, .warning {
  background: #ffe7e8;
  border-color: #e66465
}
.bc-browsers .bc-head-txt-label {
  display: inline-block;
  bottom: 0;
  margin: 0 0 0 10px;
  padding: 0;
  width: 20px;
  height: 20px;
  font-size: 20px;
  font-size: 1.11111rem;
  text-align: left;
  white-space: nowrap
}
.bc-browsers .bc-head-txt-label {
  margin-bottom: 20px
}
html[dir=rtl] .bc-browsers .bc-head-txt-label {
  margin-bottom: 40px
}
.bc-browsers .bc-head-txt-label {
  transform: rotate(-90deg)
}
html[dir=rtl] .bc-browsers .bc-head-txt-label {
  transform: rotate(90deg)
}
.bc-browsers .bc-head-txt-label {
  transform-origin: left
}
html[dir=rtl] .bc-browsers .bc-head-txt-label {
  transform-origin: center
}
.bc-browsers .bc-head-txt-label:before {
  position: absolute;
  display: inline-block;
  content: '';
  background-repeat: no-repeat
}
.bc-browsers .bc-head-txt-label:before {
  top: 2px
}
html[dir=rtl] .bc-browsers .bc-head-txt-label:before {
  top: 5px
}
.bc-browsers .bc-head-txt-label:before {
  left: -28px
}
html[dir=rtl] .bc-browsers .bc-head-txt-label:before {
  left: 28px
}
.bc-browsers .bc-head-txt-label:before {
  transform: rotate(90deg)
}
html[dir=rtl] .bc-browsers .bc-head-txt-label:before {
  transform: rotate(-90deg)
}
.bc-browsers .bc-head-icon-chrome:before, .bc-browsers .bc-head-icon-chrome_android:before {
  background-image: url("../../browsers/chrome.svg");
  background-size: 20px;
  width: 20px;
  height: 24px
}
.bc-browsers .bc-head-icon-edge:before, .bc-browsers .bc-head-icon-edge_mobile:before {
  background-image: url("../../browsers/edge.svg");
  background-size: 20px;
  width: 20px;
  height: 24px
}
.bc-browsers .bc-head-icon-firefox:before, .bc-browsers .bc-head-icon-firefox_android:before {
  background-image: url("../../browsers/firefox.svg");
  background-size: 20px;
  width: 20px;
  height: 24px
}
.bc-browsers .bc-head-icon-ie:before {
  background-image: url("../../browsers/internet-explorer.svg");
  background-size: 20px;
  width: 20px;
  height: 24px
}
.bc-browsers .bc-head-icon-nodejs:before {
  background-image: url("../../platforms/nodejs.svg");
  background-size: 20px;
  width: 20px;
  height: 24px
}
.bc-browsers .bc-head-icon-opera:before, .bc-browsers .bc-head-icon-opera_android:before {
  background-image: url("../../browsers/opera.svg");
  background-size: 20px;
  width: 20px;
  height: 24px
}
.bc-browsers .bc-head-icon-safari:before, .bc-browsers .bc-head-icon-safari_ios:before {
  background-image: url("../../browsers/safari.svg");
  background-size: 20px;
  width: 20px;
  height: 24px
}
.bc-browsers .bc-head-icon-webview_android:before {
  background-image: url("../../platforms/android.svg");
  background-size: 18px;
  width: 18px;
  height: 22px;
  left: -23px
}
.bc-browsers .bc-head-icon-samsunginternet_android:before {
  background-image: url("../../browsers/samsung-internet.svg");
  background-size: 20px;
  width: 20px;
  height: 24px
}
.bc-platforms span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute!important;
  width: 1px
}
.bc-platforms th:before {
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-size: 24px;
  margin-top: 10px;
  width: 24px;
  height: 24px
}
.bc-platforms .bc-platform-desktop:before {
  background-image: url("../../platforms/desktop.svg");
  background-size: 24px;
  width: 24px;
  height: 24px
}
.bc-platforms .bc-platform-mobile:before {
  background-image: url("../../platforms/mobile.svg");
  background-size: 16px;
  width: 16px;
  height: 32px;
  margin-top: 0
}
.bc-platforms .bc-platform-server:before {
  background-image: url("../../platforms/server.svg");
  background-size: 24px;
  width: 24px;
  height: 24px
}
.ic-altname:before {
  background-image: url("../../browser-compat-general/alternate.svg");
  background-size: 12px;
  width: 12px;
  height: 22px
}
.ic-footnote:before {
  background-image: url("../../browser-compat-general/asterisk.svg");
  background-size: 10px;
  width: 10px;
  height: 10px
}
.ic-prefix:before {
  content: '-x-';
  font-size: 18px;
  font-size: 1rem;
  line-height: 1;
  font-family: sans-serif;
  font-style: normal
}
.ic-disabled:before {
  background-image: url("../../general/flag.svg");
  background-size: 24px;
  width: 24px;
  height: 24px
}
.ic-non-standard:before {
  background-image: url("../../notifications/exclamation-triangle.svg");
  background-size: 16px;
  width: 16px;
  height: 20px
}
.ic-experimental:before {
  background-image: url("../../general/flask.svg");
  background-size: 16px;
  width: 16px;
  height: 20px
}
.ic-history:before {
  background-image: url("../../arrows/caret-down.svg");
  background-size: 9px;
  width: 9px;
  height: 13px
}
.ic-deprecated:before {
  background-image: url("../../emojis/thumbs-down.svg");
  background-size: 16px;
  width: 16px;
  height: 20px
}
.bc-legend .bc-supports {
  margin-bottom: 25px
}
.bc-legend .ic-altname, .bc-legend .ic-deprecated, .bc-legend .ic-disabled, .bc-legend .ic-experimental, .bc-legend .ic-footnote, .bc-legend .ic-non-standard, .bc-legend .ic-prefix {
  display: flex;
  justify-content: center
}
.bc-icons {
  position: relative;
  z-index: 12;
  display: inline-block
}
.bc-icons abbr {
  margin: 0 2px
}
.bc-icons a {
  text-decoration: none
}
@media all and (min-width:63.9385em) {
  .bc-icons {
    float: right
  }
}
.bc-browser-name {
  display: none
}
@media all and (max-width:47.9375em) {
  .bc-browser-name {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    padding-left: 6px;
    height: 25px;
    width: 220px;
    color: #333;
    white-space: nowrap
  }
}
table.bc-table {
  margin-bottom: 0
}
.text-content table.bc-table {
  width: 100%;
  table-layout: fixed;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #eaeef2;
  background-color: rgba(212, 221, 228, .5)
}
.text-content table.bc-table thead th {
  text-align: center
}
.bc-table, .bc-table tbody, .bc-table td, .bc-table th, .bc-table thead, .bc-table tr {
  box-sizing: border-box
}
.bc-table tr {
  position: relative;
  border-bottom: 0 solid transparent
}
.bc-table td, .bc-table th {
  position: relative;
  padding: 5px 3px;
  border-color: #222;
  border-top: 1px solid #222;
  border-right: 0;
  border-bottom: 0 solid transparent;
  border-left: 1px solid #222;
  text-align: center
}
.bc-table tbody th, .bc-table thead td {
  overflow: hidden
}
.bc-table-web tbody th, .bc-table-web thead td {
  width: 200px
}
.bc-table-web tbody td, .bc-table-web thead th {
  width: 8.33333%
}
.bc-table-js tbody th, .bc-table-js thead td {
  width: 200px
}
.bc-table-js tbody td, .bc-table-js thead th {
  width: 7.69231%
}
.bc-table-ext tbody th, .bc-table-ext thead td {
  width: 300px
}
.bc-table-ext tbody td, .bc-table-ext thead th {
  width: 20%
}
.bc-table tbody th+td, .bc-table thead td+th {
  border-left: 0
}
html[dir=rtl] .bc-table tbody th+td, html[dir=rtl] .bc-table thead td+th {
  border-left: 1px solid
}
.bc-table-ext td:nth-child(7), .bc-table-ext th:nth-child(7), .bc-table-js td:nth-child(14), .bc-table-js td:nth-child(8), .bc-table-js th:nth-child(14), .bc-table-js th:nth-child(8), .bc-table-web td:nth-child(8), .bc-table-web th:nth-child(8) {
  border-left: 2px solid #222
}
.text-content .bc-table th {
  background-color: transparent;
  overflow: hidden;
  padding: 5px 3px 5px 6px
}
.bc-table .bc-platforms th {
  width: auto;
  padding: 5px 0 2px;
  border-top: 0;
  border-bottom: 2px solid #222;
  border-left: 2px solid #222;
  font-size: 28px;
  font-size: 1.55556rem
}
.bc-table .bc-platforms td+th {
  border-left: 0
}
.bc-table .bc-browsers th {
  border-top: 0;
  padding: 3px 0;
  height: 200px;
  vertical-align: bottom;
  font-size: 22px;
  font-size: 1.22222rem
}
.bc-table tbody th {
  border-width: 2px;
  border-color: #222;
  border-style: none;
  border-top: 1px solid #222;
  text-align: left;
  vertical-align: top
}
.bc-table tbody th {
  border-right: solid
}
html[dir=rtl] .bc-table tbody th {
  border-right: 0
}
.bc-table tbody th {
  border-left: 0
}
html[dir=rtl] .bc-table tbody th {
  border-left: solid
}
.bc-table thead td {
  border-width: 2px;
  border-color: #222;
  border-style: none;
  border-top: 0
}
.bc-table thead td {
  border-right: solid
}
html[dir=rtl] .bc-table thead td {
  border-right: 0
}
.bc-table thead td {
  border-left: 0
}
html[dir=rtl] .bc-table thead td {
  border-left: solid
}
.bc-table td:focus {
  z-index: 1
}
.bc-table td[tabindex] {
  cursor: pointer
}
.bc-table tbody td[tabindex], .no-js .bc-table tbody td {
  padding-top: 6px;
  padding-bottom: 12px
}
.bc-table abbr {
  text-decoration: none
}
@supports (display:grid) {
  @media all and (min-width: 47.9385em) and (max-width:63.9375em) {
    .bc-table tr {
      display:grid
    }
    .bc-table-web tr {
      grid-template-columns: repeat(12, 1fr)
    }
    .bc-table-js tr {
      grid-template-columns: repeat(13, 1fr)
    }
    .bc-table-ext tr {
      grid-template-columns: repeat(5, 1fr)
    }
    .text-content .bc-table td, .text-content .bc-table th {
      width: auto
    }
    .bc-table thead td {
      display: none;
      z-index: 1
    }
    th[class^=bc-platform][colspan='2'] {
      grid-column-end: span 2
    }
    th[class^=bc-platform][colspan='3'] {
      grid-column-end: span 3
    }
    th[class^=bc-platform][colspan='4'] {
      grid-column-end: span 4
    }
    th[class^=bc-platform][colspan='5'] {
      grid-column-end: span 5
    }
    th[class^=bc-platform][colspan='6'] {
      grid-column-end: span 6
    }
    th[class^=bc-platform][colspan='7'] {
      grid-column-end: span 7
    }
    .bc-table tbody th {
      grid-column-start: 1;
      grid-column-end: last-line;
      border-right: none
    }
    .bc-history {
      padding-left: 0
    }
  }
  @media all and (min-width:47.9385em) and (max-width:74.9375em) {
    .bc-browsers .bc-head-txt-label {
      position: relative;
      bottom: -150px
    }
  }
  @media all and (min-width:63.9385em) and (max-width:74.9375em) {
    .wiki-left-present .bc-table tr {
      display: grid
    }
    .wiki-left-present .bc-table-web tr {
      grid-template-columns: repeat(12, 1fr)
    }
    .wiki-left-present .bc-table-js tr {
      grid-template-columns: repeat(13, 1fr)
    }
    .wiki-left-present .bc-table-ext tr {
      grid-template-columns: repeat(5, 1fr)
    }
    .wiki-left-present .text-content .bc-table td, .wiki-left-present .text-content .bc-table th {
      width: auto
    }
    .wiki-left-present .bc-table thead td {
      display: none;
      z-index: 1
    }
    .wiki-left-present th[class^=bc-platform][colspan='2'] {
      grid-column-end: span 2
    }
    .wiki-left-present th[class^=bc-platform][colspan='3'] {
      grid-column-end: span 3
    }
    .wiki-left-present th[class^=bc-platform][colspan='4'] {
      grid-column-end: span 4
    }
    .wiki-left-present th[class^=bc-platform][colspan='5'] {
      grid-column-end: span 5
    }
    .wiki-left-present th[class^=bc-platform][colspan='6'] {
      grid-column-end: span 6
    }
    .wiki-left-present th[class^=bc-platform][colspan='7'] {
      grid-column-end: span 7
    }
    .wiki-left-present .bc-table tbody th {
      grid-column-start: 1;
      grid-column-end: last-line;
      border-right: none
    }
    .wiki-left-present .bc-history {
      padding-left: 0
    }
  }
}
@media all and (max-width:47.9375em) {
  .bc-table thead {
    display: none
  }
  .bc-table thead td {
    z-index: 2
  }
  .text-content .bc-table tbody th {
    width: 100%;
    max-width: 100%;
    display: block;
    border-right: 0;
    border-bottom: 1px solid #222;
    padding-top: 20px;
    padding-bottom: 0
  }
  .bc-table tbody td {
    position: relative;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    display: block;
    box-sizing: border-box;
    box-shadow: inset 220px 0 0 0 #eaeff2;
    border-top: 1px solid #222;
    border-left: 0;
    padding-left: 250px;
    padding-right: 10px;
    text-align: left
  }
  .bc-table tbody td[tabindex] {
    padding-bottom: 20px
  }
  .bc-table-ext td:nth-child(7), .bc-table-ext th:nth-child(7), .bc-table-js td:nth-child(14), .bc-table-js td:nth-child(8), .bc-table-js th:nth-child(14), .bc-table-js th:nth-child(8), .bc-table-web td:nth-child(8), .bc-table-web th:nth-child(8) {
    border-top: 2px solid #222;
    border-left: none
  }
}
.bc-supports-no, .bc-supports-partial, .bc-supports-unknown, .bc-supports-yes, .bc-table .bc-history {
  color: #222
}
.bc-supports-no a, .bc-supports-partial a, .bc-supports-unknown a, .bc-supports-yes a {
  color: #222;
  text-decoration: underline
}
.bc-supports-yes {
  background-color: #e4f8e1
}
.bc-supports-partial {
  background: #fff3d4;
  background-image: linear-gradient(to bottom right, rgba(246, 183, 60, .3) 0, rgba(246, 183, 60, .3) 1px, transparent 1px, transparent 67px, rgba(246, 183, 60, .3) 67px, rgba(246, 183, 60, .3) 73px, transparent 73px, transparent 138px, rgba(246, 183, 60, .3) 138px, rgba(246, 183, 60, .3) 144px, transparent 144px);
  background-size: 100px 100px;
  background-position: 50% 50%;
  background-repeat: no-repeat
}
.bc-supports-no {
  background-color: #f8e1e1;
  background-image: linear-gradient(to bottom right, rgba(230, 100, 101, .2) 0, rgba(230, 100, 101, .2) 1px, transparent 1px, transparent 67px, rgba(230, 100, 101, .2) 67px, rgba(230, 100, 101, .2) 73px, transparent 73px, transparent 138px, rgba(230, 100, 101, .2) 138px, rgba(230, 100, 101, .2) 144px, transparent 144px), linear-gradient(to bottom left, rgba(230, 100, 101, .2) 0, rgba(230, 100, 101, .2) 1px, transparent 1px, transparent 67px, rgba(230, 100, 101, .2) 67px, rgba(230, 100, 101, .2) 73px, transparent 73px, transparent 138px, rgba(230, 100, 101, .2) 138px, rgba(230, 100, 101, .2) 144px, transparent 144px);
  background-size: 100px 100px, 100px 100px;
  background-position: 50% 50%, 50% 50%;
  background-repeat: no-repeat
}
.bc-supports-unknown {
  background-color: #eee
}
@media all and (max-width:47.9375em) {
  td.bc-supports-partial {
    background-position: calc(50% + 110px) 50%
  }
  td.bc-supports-no {
    background-position: calc(50% + 110px) 50%, calc(50% + 110px) 50%
  }
}
.bc-history-link {
  background-color: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
  color: #333;
  padding: 0;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 11;
  display: block;
  width: 100%;
  height: 11px;
  margin-top: -10px;
  clear: both;
  text-align: center;
  font-size: 12px;
  font-size: .66667rem;
  border-top: 1px solid rgba(34, 34, 34, .3)
}
.bc-history-link i {
  position: relative;
  top: -4px
}
.active .bc-history-link {
  z-index: 21;
  transform: scaleY(-1)
}
.active .bc-history-link, td[tabindex]:focus .bc-history-link, td[tabindex]:hover .bc-history-link {
  background-color: #222;
  border-top: 1px solid #222
}
.active.bc-supports-yes .ic-history:before, td[tabindex].bc-supports-yes:focus .ic-history:before, td[tabindex].bc-supports-yes:hover .ic-history:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2U0ZjhlMTsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMTYgMjgiPjxwYXRoIGQ9Ik0xNiAxMWEuOTkuOTkgMCAwIDEtLjI5Ny43MDNsLTcgN0M4LjUxNiAxOC44OSA4LjI2NSAxOSA4IDE5cy0uNTE2LS4xMDktLjcwMy0uMjk3bC03LTdBLjk5Ni45OTYgMCAwIDEgMCAxMWMwLS41NDcuNDUzLTEgMS0xaDE0Yy41NDcgMCAxIC40NTMgMSAxeiIvPjwvc3ZnPg==)
}
.active.bc-supports-no .ic-history:before, td[tabindex].bc-supports-no:focus .ic-history:before, td[tabindex].bc-supports-no:hover .ic-history:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2Y4ZTFlMTsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMTYgMjgiPjxwYXRoIGQ9Ik0xNiAxMWEuOTkuOTkgMCAwIDEtLjI5Ny43MDNsLTcgN0M4LjUxNiAxOC44OSA4LjI2NSAxOSA4IDE5cy0uNTE2LS4xMDktLjcwMy0uMjk3bC03LTdBLjk5Ni45OTYgMCAwIDEgMCAxMWMwLS41NDcuNDUzLTEgMS0xaDE0Yy41NDcgMCAxIC40NTMgMSAxeiIvPjwvc3ZnPg==)
}
.active.bc-supports-partial .ic-history:before, td[tabindex].bc-supports-partial:focus .ic-history:before, td[tabindex].bc-supports-partial:hover .ic-history:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2ZmZjNkNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAyOCI+PHBhdGggZD0iTTE2IDExYS45OS45OSAwIDAgMS0uMjk3LjcwM2wtNyA3QzguNTE2IDE4Ljg5IDguMjY1IDE5IDggMTlzLS41MTYtLjEwOS0uNzAzLS4yOTdsLTctN0EuOTk2Ljk5NiAwIDAgMSAwIDExYzAtLjU0Ny40NTMtMSAxLTFoMTRjLjU0NyAwIDEgLjQ1MyAxIDF6Ii8+PC9zdmc+)
}
.active.bc-supports-unknown .ic-history:before, td[tabindex].bc-supports-unknown:focus .ic-history:before, td[tabindex].bc-supports-unknown:hover .ic-history:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2VlZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAyOCI+PHBhdGggZD0iTTE2IDExYS45OS45OSAwIDAgMS0uMjk3LjcwM2wtNyA3QzguNTE2IDE4Ljg5IDguMjY1IDE5IDggMTlzLS41MTYtLjEwOS0uNzAzLS4yOTdsLTctN0EuOTk2Ljk5NiAwIDAgMSAwIDExYzAtLjU0Ny40NTMtMSAxLTFoMTRjLjU0NyAwIDEgLjQ1MyAxIDF6Ii8+PC9zdmc+)
}
@media all and (max-width:47.9375em) {
  .bc-history-link {
    width: calc(100% - 219px);
    height: 20px;
    margin-top: -20px;
    font-size: 16px;
    font-size: .88889rem
  }
  .bc-history-link i {
    top: 0;
    margin: 0
  }
}
.bc-table .bc-history {
  position: absolute;
  top: 100%;
  z-index: 20;
  display: none;
  visibility: hidden;
  overflow: hidden;
  box-sizing: border-box;
  border-top: 1px solid #222;
  border-bottom: 2px solid #222;
  cursor: default;
  background-color: #eaeff2;
  background-image: none
}
.bc-table-web .bc-history {
  padding-left: 320px
}
.bc-table-js .bc-history {
  padding-left: 320px
}
.bc-table-ext .bc-history {
  padding-left: 420px
}
.active .bc-history {
  display: block;
  visibility: visible;
  height: 0
}
.bc-history:before {
  content: '';
  display: block;
  height: 45px;
  width: 60px;
  float: right
}
.bc-history-head {
  padding-top: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 19px;
  font-size: 1.05556rem;
  text-align: left
}
.bc-history dl {
  text-align: left;
  margin: 20px
}
.bc-history dt {
  float: left;
  clear: left;
  max-width: 120px;
  margin-left: -140px
}
.bc-history dd, .bc-history dt {
  margin-top: 30px
}
.bc-history dd {
  min-height: 1.2em;
  margin-bottom: 0;
  padding-top: 4px;
  padding-left: 0;
  padding-bottom: 10px;
  font-weight: 400
}
.bc-history dd+dd, .bc-history dl>dt:first-child, .bc-history dl>dt:first-child+dd {
  margin-top: 0
}
.bc-history-button {
  position: absolute;
  top: 10px;
  right: 10px
}
.bc-history-button svg {
  width: 12px;
  height: 18px
}
.bc-supports {
  display: inline-block;
  position: relative;
  border: 1px solid #222;
  padding: 3px;
  min-width: 120px;
  text-align: center
}
.bc-legend .bc-supports {
  display: inline-block;
  min-width: 30px;
  min-height: 20px
}
@media all and (min-width:47.9385em) and (max-width:63.9375em) {
  .bc-table .bc-history {
    padding-left: 140px
  }
}
@media all and (min-width:63.9385em) and (max-width:74.9375em) {
  .wiki-left-present .bc-table .bc-history {
    padding-left: 140px
  }
}
@media all and (max-width:47.9375em) {
  .bc-table .bc-history {
    padding-left: 0
  }
  .bc-history dl {
    margin-left: 10px
  }
  .bc-history dt {
    margin-top: 10px;
    margin-left: 0;
    margin-bottom: 10px
  }
  .bc-history dd {
    clear: left;
    min-height: 0
  }
}
.bc-footnotes dt {
  margin-top: 10px;
  font-weight: 700
}
.bc-footnotes dl>dt:first-child {
  margin-top: 0
}
.bc-footnotes dd {
  margin-left: 20px
}
.bc-legend {
  margin-bottom: 20px;
  margin-top: 20px
}
.bc-legend dl {
  display: grid;
  grid-template-columns: 30px 1fr
}
.bc-legend dt {
  display: block;
  margin: 0 0 5px 0
}
.bc-legend dd {
  display: block;
  margin: 0 10px 5px 10px
}
@media all and (min-width:47.9385em) {
  .bc-legend dl {
    grid-template-columns: 30px 1fr 30px 1fr
  }
}
.bc-github-link {
  display: inline-block
}
.bc-github-link {
  float: right
}
html[dir=rtl] .bc-github-link {
  float: left
}
div.signal-link-ext-container {
  overflow: hidden
}
div.signal-link-container {
  width: 100%;
  cursor: pointer;
  transition: all 1s ease-out
}
div.signal-link-container>hr {
  background-color: #3d7e9a;
  margin: 0;
  max-width: 100%;
  height: 8px;
  cursor: default
}
div.signal-link-container>a {
  float: right;
  background-color: #3d7e9a;
  color: #fff;
  padding-right: 15px;
  padding-left: 15px;
  border: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  font-weight: 700;
  height: 35px;
  min-width: 230px;
  text-align: center
}
div.signal-link-container.slideUp {
  overflow: hidden;
  transform: translateY(-100%)
}
@media all and (max-width:63.9375em) {
  div.signal-link-container+section {
    padding-top: 30px
  }
}
.navigation-buttons {
  display: flex;
  justify-content: space-between;
  margin: 30px 0
}
.navigation-buttons.reverse {
  flex-direction: row-reverse
}
@media all and (max-width:63.9375em) {
  .navigation-buttons {
    justify-content: center
  }
  .navigation-buttons>.main-btn {
    width: 200px
  }
  .navigation-buttons.mob-reduced-space {
    margin: 10px 0
  }
}
.next-step-btn, .prev-step-btn {
  display: flex;
  align-items: center;
  font-weight: 400
}
.next-step-btn>span, .prev-step-btn>span {
  display: inline-block;
  width: 16px;
  height: 15px;
  margin-top: -1px
}
@media all and (max-width:63.9375em) {
  .next-step-btn, .prev-step-btn {
    display: none
  }
}
.prev-step-btn {
  border-color: #333;
  color: #333
}
.prev-step-btn>span {
  background: url("/static/arrows/arrow.ebf52f8215b9.svg") center no-repeat;
  background-size: 14px 15px;
  transform: rotate(180deg);
  margin-right: 8px;
  margin-top: 0
}
@media all and (max-width:63.9375em) {
  .prev-step-btn {
    display: none
  }
}
.next-step-btn>span {
  background: url("/static/img/arrow-right-blue.c20ea65fb7ea.svg") center no-repeat;
  background-size: 14px 15px;
  margin-left: 8px
}
@media all and (max-width:63.9375em) {
  .next-step-btn {
    display: none
  }
}
div.bc-signal-block {
  display: none;
  background-color: #e4f0f5;
  box-sizing: border-box;
  overflow: hidden
}
div.bc-signal-block:not(.complete) {
  padding-top: 0
}
@media all and (max-width:63.9375em) {
  div.bc-signal-block.complete.open {
    transition: none
  }
}
div.bc-signal-block .left-block {
  box-sizing: border-box;
  padding: 32px 0 32px 3%
}
@media all and (max-width:63.9375em) {
  div.bc-signal-block .left-block {
    padding: 16px
  }
}
div.bc-signal-block .left-block .complete-left-block-image {
  display: block;
  width: 209px;
  height: 154px;
  background: url("/static/img/dino-happy.4a2e76313d2e.svg") center no-repeat;
  margin: 0 auto
}
div.bc-signal-block .left-block .left-block-image {
  display: block;
  width: 146px;
  height: 133px;
  margin: 0 auto;
  background-image: url("/static/img/dino-confuse.545ce52bb569.svg")
}
@media all and (max-width:63.9375em) {
  div.bc-signal-block .left-block .left-block-image {
    display: none
  }
}
div.bc-signal-block .left-block .left-block-header {
  font-family: x-locale-heading-primary, zillaslab, Palatino, 'Palatino Linotype', x-locale-heading-secondary, serif;
  margin-top: 20px;
  font-size: 25px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333;
  background: 0 0
}
div.bc-signal-block .left-block .complete-left-block-header {
  font-family: ZillaSlab;
  font-size: 37px;
  font-weight: 400;
  color: #3d7e9a;
  text-align: center
}
div.bc-signal-block .close-button-wrapper {
  display: none;
  text-align: right
}
div.bc-signal-block .close-button-wrapper>.close-btn {
  width: 32px;
  height: 32px;
  background: #fff url("/static/general/close-light.63c6a451010c.svg") no-repeat center;
  border-color: #000
}
@media all and (max-width:63.9375em) {
  div.bc-signal-block .close-button-wrapper {
    display: block
  }
}
.right-block {
  padding: 0 16px;
  box-sizing: border-box
}
.right-block.form-control-block {
  box-sizing: border-box;
  background-color: #f5f9fa;
  padding: 16px
}
.right-block>.right-block-header {
  font-family: ZillaSlab;
  font-size: 37px;
  display: block;
  background-color: transparent
}
.right-block>.right-block-header>span {
  background-color: #333;
  color: #fff;
  padding: 4px 8px
}
@media all and (max-width:63.9375em) {
  .right-block>.right-block-header {
    text-align: center;
    font-size: 27px;
    margin-top: 0;
    margin-bottom: 27px
  }
}
.right-block h3.highlight-spanned {
  margin: 0;
  text-align: right
}
@media all and (max-width:63.9375em) {
  .right-block h3.highlight-spanned {
    display: none
  }
}
.right-block .right-block-main-text a>span.icon-external-link {
  background-image: url("/static/general/external-link.svg") center no-repeat;
  background-size: 12px;
  width: 12px;
  height: 20px;
  margin-top: 3px;
  margin-right: 3px;
  display: inline-block
}
.right-block .right-block-main-text h4 {
  font-family: inherit;
  font-size: 16px;
  margin: 0
}
.inner-step {
  height: 100%
}
.inner-step .step-num {
  background: #3d7e9a;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 50%;
  padding: 2px 3px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  margin-right: 8px;
  display: flex;
  float: left
}
.inner-step .step-num.inline {
  display: inline-flex;
  width: 24px;
  height: 24px;
  padding: 0
}
@media all and (min-width:63.9385em) {
  .inner-step .step-num.inline {
    display: none
  }
}
@media all and (min-width:63.9385em) {
  .inner-step {
    display: none
  }
  .inner-step.active {
    display: flex;
    flex-direction: column;
    justify-content: space-between
  }
}
@media all and (max-width:63.9375em) {
  .inner-step {
    display: flex;
    flex-direction: column;
    justify-content: space-between
  }
}
.control {
  clear: both
}
.control:not(:first-child) {
  margin-top: 20px
}
.control .control-wrap {
  width: 92%
}
@media all and (max-width:47.9375em) {
  .control .control-wrap {
    width: 100%
  }
}
.control .control-header {
  width: 100%;
  font-size: 17.6px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #333;
  margin-bottom: 8px;
  line-height: 1.31
}
.control .control-header.has-control {
  display: flex;
  align-items: center
}
@media all and (max-width:63.9375em) {
  .control .control-header.has-control {
    display: block
  }
}
.control .control-header.with-optional-label {
  display: flex
}
@media all and (max-width:63.9375em) {
  .control .control-header.with-optional-label {
    justify-content: space-between
  }
}
.control .control-description {
  margin: 10px 0 16px 32px;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: normal;
  color: #333
}
@media all and (max-width:47.9375em) {
  .control .control-description {
    margin-left: 0
  }
}
.control .select-wrapper {
  position: relative;
  margin-left: 32px
}
@media all and (max-width:63.9375em) {
  .control .select-wrapper {
    margin-left: 32px;
    width: 100%
  }
}
@media all and (max-width:47.9375em) {
  .control .select-wrapper {
    margin-left: 0
  }
}
.control .select-wrapper:after {
  content: ' ';
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 50%;
  margin-top: -3px;
  height: 0;
  width: 0;
  border-top: 6px solid #3d7e9a;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  pointer-events: none
}
.control select#select-row {
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  font-weight: 700;
  letter-spacing: normal;
  border: 2px solid #3d7e9a;
  background-color: #fff;
  padding: 5px 11px;
  color: #285c76;
  text-decoration: none;
  height: 32px;
  min-width: 100px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none
}
.control textarea#brief-explanation, .control textarea#supporting-material {
  box-sizing: border-box;
  border-color: #3d7e9a;
  height: 72px;
  margin-left: 32px
}
@media all and (max-width:47.9375em) {
  .control textarea#brief-explanation, .control textarea#supporting-material {
    margin-left: 0
  }
}
.control span.optional-text {
  font-size: 17.6px;
  font-weight: 400;
  font-style: italic;
  line-height: normal;
  color: #9a3d3d;
  margin: 2px 0 2px 15px;
  float: right
}
.error-message {
  background-color: #ffe7e8;
  padding: 15px;
  font-size: 17px;
  margin-top: 30px;
  display: none
}
.error-message.visible {
  display: block
}
.error-message .error-label {
  font-weight: 600;
  padding-right: 8px;
  letter-spacing: .4px
}
.select-browser-block {
  display: flex;
  flex-wrap: wrap;
  margin-left: 32px
}
@media all and (max-width:47.9375em) {
  .select-browser-block {
    margin-left: 0
  }
}
.select-browser-block>.browser {
  box-sizing: border-box;
  text-align: center;
  float: left;
  width: 80px;
  height: 120px;
  padding: 5px;
  cursor: pointer
}
.select-browser-block>.browser .browser-logo {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border: solid 2px #979797;
  transition: border-color .1s
}
.select-browser-block>.browser:hover:not(.selected) .browser-logo {
  border-color: #3d7e9a;
  outline: 3px #3d7e9a solid;
  outline-offset: -3px
}
.select-browser-block>.browser>.browser-logo>img {
  width: 29px;
  height: 29px
}
.select-browser-block>.browser>.browser-logo>.browser-selected-icon {
  position: absolute;
  display: none;
  bottom: -11.5px;
  right: -11.5px;
  width: 23px;
  height: 23px;
  background: #2bce1e url("/static/img/icn-check.8f52343f07c7.svg") center no-repeat;
  border-radius: 50%
}
.select-browser-block>.browser>.browser-logo>.browser-selected-icon img {
  width: 13px;
  height: 13px
}
.select-browser-block>.browser.selected .browser-logo {
  border: solid 2px #2bce1e
}
.select-browser-block>.browser.selected .browser-logo .browser-selected-icon {
  display: inline
}
.select-browser-block>.browser .browser-name {
  margin-top: 8px;
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  color: #333
}
@media all and (max-width:63.9375em) {
  div.bc-signal-block.open {
    max-height: 1800px
  }
  select#select-row, textarea#brief-explanation, textarea#supporting-material {
    width: 100%
  }
  select#select-row {
    margin-top: 20px;
    width: 100%
  }
}
@media all and (min-width:63.9385em) {
  div.bc-signal-block.open {
    padding-top: 8px;
    max-height: 700px;
    display: flex;
    align-items: stretch
  }
  div.bc-signal-block.complete {
    padding: 0 100px;
    align-items: center
  }
  div.bc-signal-block.complete.open {
    padding: 53px 100px;
    box-sizing: border-box;
    display: flex
  }
  .control {
    display: flex
  }
  .step-num.inline {
    padding: 5px 9px;
    display: none
  }
  select#select-row {
    margin-left: 20px
  }
  textarea#brief-explanation, textarea#supporting-material {
    width: 500px;
    max-width: 100%
  }
}
/*
@media (prefers-color-scheme: dark) {
 html
 {
  background: #000;
  color: #CCC;
 }
 body, main
 {
  background-color: #000;
 }
 .titlebar-container
 {
  background-color: #44E;
 }
 .home-hacks
 {
  background-color: #000 !important;
 }
 .logo, .main-menu
 {
  filter: invert(1);
 }
 .note, .warning
 {
  color: #333;
 }
 .document-toc
 {
  background-color: #333;
 }
 .text-content pre
 {
  background: #333;
  color: #fff;
 }
 a
 {
  color: #0AF;
 }
}
*/