.content h1, .content h2, .content h4, .content h5, .content h6, .content h3, html, body { font-family: "Source Sans Pro", sans-serif } .content h1, .content h2, .content h4, .content h5, .content h6, .content h3, html, body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px } .content h1, .content h2, .content h4, .content h5, .content h6, .content h3 { font-weight: bold } .content code, .content pre { font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif; font-size: 12px; line-height: 1.5 } .content code { word-break: break-all; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto } /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } h1 { font-size: 2em; margin: 0.67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } .content aside.warning:before, .content aside.notice:before, .content aside.success:before, .toc-wrapper > .search:before { font-family: 'slate'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1 } .content aside.warning:before { } .content aside.notice:before {  } .content aside.success:before {  } .toc-wrapper > .search:before { content: "\e607" } html, body { color: #333; padding: 0; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #F3F7F9; height: 100%; -webkit-text-size-adjust: none } #toc > ul > li > a > span { float: right; background-color: #2484FF; border-radius: 40px; width: 20px } .toc-wrapper { -webkit-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; overflow-y: auto; overflow-x: hidden; position: fixed; z-index: 30; top: 0; left: 0; bottom: 0; width: 230px; background-color: #000; font-size: 13px; font-weight: bold } .toc-wrapper .lang-selector { display: none } .toc-wrapper .lang-selector a { padding-top: 0.5em; padding-bottom: 0.5em } .toc-wrapper .logo { display: block; max-width: 100%; margin-bottom: 0px } .toc-wrapper > .search { position: relative } .toc-wrapper > .search input { background: #000; border-width: 0 0 1px 0; border-color: rgba(242, 242, 242, 0.6); padding: 6px 0 6px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px 15px; width: 200px; outline: none; color: rgba(242, 242, 242, 0.6); border-radius: 0 } .toc-wrapper > .search:before { position: absolute; top: 17px; left: 15px; color: rgba(242, 242, 242, 0.6) } .toc-wrapper .search-results { margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 0; overflow-y: auto; overflow-x: hidden; -webkit-transition-property: height, margin; transition-property: height, margin; -webkit-transition-duration: 180ms; transition-duration: 180ms; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; background: black } .toc-wrapper .search-results.visible { height: 30%; margin-bottom: 1em } .toc-wrapper .search-results li { margin: 1em 15px; line-height: 1 } .toc-wrapper .search-results a { color: rgba(242, 242, 242, 0.6); text-decoration: none } .toc-wrapper .search-results a:hover { text-decoration: underline } .toc-wrapper ul, .toc-wrapper li { list-style: none; margin: 0; padding: 0; line-height: 28px } .toc-wrapper li { color: rgba(242, 242, 242, 0.6); -webkit-transition-property: background; transition-property: background; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; transition-duration: 200ms } .toc-wrapper .toc-link.active { background-color: #000; color: #f2f2f2 } .toc-wrapper .toc-link.active-parent { background-color: black; color: #f2f2f2 } .toc-wrapper .toc-list-h2 { display: none; background-color: black; font-weight: 500 } .toc-wrapper .toc-h2 { padding-left: 25px; font-size: 12px } .toc-wrapper .toc-footer { padding: 1em 0; margin-top: 1em; border-top: 1px dashed rgba(242, 242, 242, 0.6) } .toc-wrapper .toc-footer li, .toc-wrapper .toc-footer a { color: rgba(242, 242, 242, 0.6); text-decoration: none } .toc-wrapper .toc-footer a:hover { text-decoration: underline } .toc-wrapper .toc-footer li { font-size: 0.8em; line-height: 1.7; text-decoration: none } .toc-link, .toc-footer li { padding: 0 15px 0 15px; display: block; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; color: rgba(242, 242, 242, 0.6); -webkit-transition-property: background; transition-property: background; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 130ms; transition-duration: 130ms } #nav-button { padding: 0 1.5em 5em 0; display: none; position: fixed; top: 0; left: 0; z-index: 100; color: #000; text-decoration: none; font-weight: bold; opacity: 0.7; line-height: 16px; -webkit-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out } #nav-button span { display: block; padding: 6px 6px 6px; background-color: rgba(243, 247, 249, 0.7); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-90deg) translate(-100%, 0); transform: rotate(-90deg) translate(-100%, 0); border-radius: 0 0 0 5px } #nav-button img { height: 16px; vertical-align: bottom } #nav-button:hover { opacity: 1 } #nav-button.open { left: 230px } .page-wrapper { margin-left: 230px; position: relative; z-index: 10; background-color: #F3F7F9; min-height: 100%; padding-bottom: 1px } .page-wrapper .dark-box { width: 50%; background-color: #2E3336; position: absolute; right: 0; top: 0; bottom: 0 } .page-wrapper .lang-selector { position: fixed; z-index: 50; border-bottom: 5px solid #2E3336 } .lang-selector { background-color: #1E2224; width: 100%; font-weight: bold } .lang-selector a { display: block; float: left; color: #fff; text-decoration: none; padding: 0 10px; line-height: 30px; outline: 0 } .lang-selector a:active, .lang-selector a:focus { background-color: #111; color: #fff } .lang-selector a.active { background-color: #2E3336; color: #fff } .lang-selector:after { content: ''; clear: both; display: block } .content { -webkit-transform: translateZ(0); position: relative; z-index: 30 } .content:after { content: ''; display: block; clear: both } .content > h1, .content > h2, .content > h3, .content > h4, .content > h5, .content > h6, .content > p, .content > table, .content > ul, .content > ol, .content > aside, .content > dl { margin-right: 50%; padding: 0 28px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block } .content > ul, .content > ol { padding-left: 43px } .content > h1, .content > h2, .content > h2, .content > div { clear: both } .content h1 { font-size: 25px; padding-top: 0.5em; padding-bottom: 0.5em; margin-bottom: 21px; margin-top: 2em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fdfdfd } .content h1:first-child, .content div:first-child + h1 { border-top-width: 0; margin-top: 0 } .content h2 { font-size: 19px; margin-top: 4em; margin-bottom: 0; border-top: 1px solid #ccc; padding-top: 1.2em; padding-bottom: 1.2em; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) } .content h1 + h2, .content h1 + div + h2 { margin-top: -21px; border-top: none } .content h4, .content h5, .content h6 { font-size: 15px; margin-top: 2.5em; margin-bottom: 0.8em } .content h4, .content h5, .content h6 { font-size: 10px } .content hr { margin: 2em 0; border-top: 2px solid #2E3336; border-bottom: 2px solid #F3F7F9 } .content table { margin-bottom: 1em; overflow: auto } .content table th, .content table td { text-align: left; vertical-align: top; line-height: 1.6 } .content table th code, .content table td code { white-space: nowrap } .content table th { padding: 5px 10px; border-bottom: 1px solid #ccc; vertical-align: bottom } .content table td { padding: 10px } .content table tr:last-child { border-bottom: 1px solid #ccc } .content table tr:nth-child(odd) > td { background-color: white } .content table tr:nth-child(even) > td { background-color: #fbfcfd } .content dt { font-weight: bold } .content dd { margin-left: 15px } .content p, .content li, .content dt, .content dd { line-height: 1.6; margin-top: 0 } .content img { max-width: 100% } .content code { background-color: rgba(0, 0, 0, 0.05); padding: 3px; border-radius: 3px } .content pre > code { background-color: transparent; padding: 0 } .content aside { padding-top: 1em; padding-bottom: 1em; margin-top: 1.5em; margin-bottom: 1.5em; background: #63c2de; line-height: 1.6 } .content aside.warning { background-color: #f86c6b } .content aside.success { background-color: #4dbd74 } .content aside:before { vertical-align: middle; padding-right: 0.5em; font-size: 14px } .content .search-highlight { padding: 2px; margin: -3px; border-radius: 4px; border: 1px solid #F7E633; background: -webkit-gradient(linear, right bottom, left top, from(#F7E633), to(#F1D32F)); background: linear-gradient(to top left, #F7E633 0%, #F1D32F 100%) } .content pre, .content blockquote { background-color: #1E2224; color: #fff; margin: 0; width: 50%; float: right; clear: right; -webkit-box-sizing: border-box; box-sizing: border-box } .content pre > p, .content blockquote > p { margin: 0 } .content pre a, .content blockquote a { color: #fff; text-decoration: none; border-bottom: dashed 1px #ccc } .content pre { padding-top: 2em; padding-bottom: 2em; padding: 2em 28px } .content blockquote > p { background-color: #191D1F; padding: 13px 2em; color: #eee } @media (max-width: 930px) { .toc-wrapper { left: -230px } .toc-wrapper.open { left: 0 } .page-wrapper { margin-left: 0 } #nav-button { display: block } .toc-link { padding-top: 0.3em; padding-bottom: 0.3em } } @media (max-width: 700px) { .dark-box { display: none } .content > h1, .content > h2, .content > h3, .content > h4, .content > h5, .content > h6, .content > p, .content > table, .content > ul, .content > ol, .content > aside, .content > dl { margin-right: 0 } .toc-wrapper .lang-selector { display: block } .page-wrapper .lang-selector { display: none } .content pre, .content blockquote { width: auto; float: none } .content > pre + h1, .content > blockquote + h1, .content > pre + h2, .content > blockquote + h2, .content > pre + h3, .content > blockquote + h3, .content > pre + h4, .content > blockquote + h4, .content > pre + h5, .content > blockquote + h5, .content > pre + h6, .content > blockquote + h6, .content > pre + p, .content > blockquote + p, .content > pre + table, .content > blockquote + table, .content > pre + ul, .content > blockquote + ul, .content > pre + ol, .content > blockquote + ol, .content > pre + aside, .content > blockquote + aside, .content > pre + dl, .content > blockquote + dl { margin-top: 28px } } .highlight .c, .highlight .cm, .highlight .c1, .highlight .cs { color: #909090 } .highlight, .highlight .w { background-color: #1E2224 } html.with-featherlight { overflow: hidden } .featherlight { background: #333; background: rgba(0, 0, 0, 0); bottom: 0; cursor: pointer; display: none; left: 0; position: fixed; right: 0; text-align: center; top: 0; white-space: nowrap; z-index: 2147483647 } .featherlight:last-of-type { background: rgba(0, 0, 0, 0.8) } .featherlight:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .featherlight .featherlight-content { background: #fff; border-bottom: 25px solid transparent; cursor: auto; display: inline-block; margin-left: 5%; margin-right: 5%; max-height: 95%; overflow: auto; padding: 25px 25px 0; position: relative; text-align: left; vertical-align: middle; white-space: normal } .featherlight .featherlight-inner { display: block } .featherlight link.featherlight-inner, .featherlight script.featherlight-inner, .featherlight style.featherlight-inner { display: none } .featherlight .featherlight-close-icon { background: #fff; background: rgba(255, 255, 255, 0.3); border: 0; color: #000; cursor: pointer; font-family: Arial, sans-serif; line-height: 25px; padding: 0; position: absolute; right: 0; text-align: center; top: 0; width: 25px; z-index: 9999 } .featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0 } .featherlight .featherlight-image { width: 100% } .featherlight-iframe .featherlight-content { border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch } .featherlight iframe { border: 0 } .featherlight * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { margin-left: 0; margin-right: 0; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent } } @media print { html.with-featherlight > * > :not(.featherlight) { display: none } } .content .image-container { display: flex; position: relative; padding: 0 14px; margin-bottom: 15px } .content .image-container > a { display: block; position: relative; flex: 1; margin: 0 14px } .content .image-container > a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 247, 249, 0)), to(#F3F7F9)); background-image: linear-gradient(rgba(243, 247, 249, 0), #F3F7F9) } .content .image-container img { display: block; width: 100%; height: auto; margin: 0 auto; max-height: 220px; max-width: 350px !important; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top } @media screen and (min-width: 701px) { .content .image-container { float: right; clear: right; overflow: hidden; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box } .content .image-container > a { display: block; position: relative; flex: 1; margin: 0 14px } .content .image-container > a:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(253, 253, 253, 0)), to(#fdfdfd)); background-image: linear-gradient(rgba(253, 253, 253, 0), #fdfdfd) } } .featherlight-content img { cursor: -webkit-zoom-in; cursor: zoom-in } .featherlight-content.zoom img { cursor: -webkit-zoom-out; cursor: zoom-out; height: initial !important; max-width: 95%; width: initial !important } .toc-wrapper .logo { display: block; height: 95px; position: relative } .toc-wrapper .logo .logo-svg { -webkit-print-color-adjust: exact; background-position: center center; background-repeat: no-repeat; background-size: contain; display: block; height: 100%; width: calc(100% - 30px); max-width: 300px; margin: 0 auto } #signatureOutput code { background-color: #ddd; display: inline-block } .content > h1, .content > h2, .content > h3, .content > h4, .content > h5, .content > h6 { clear: both } .content > h2 + h3 { margin-top: 0 } .content h3 { font-size: 16px; margin-top: 0.5em; margin-bottom: 0; padding-top: 1.2em; padding-bottom: 1.2em; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) } .content .code-header { font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif; font-size: 12px; line-height: 1.5; color: #fff; margin: 0; width: 50%; float: right; clear: right; -webkit-box-sizing: border-box; box-sizing: border-box; background: #1E2224; padding: 1.2em 28px; overflow: auto; border-bottom: 1px solid #323639 } .content .code-header .method { display: inline-block; padding: 0 4px; background: #63c2de; border-radius: 2px } .content aside { color: #fff } .content aside:before { padding-right: 2px; position: relative; top: -2px } .no-code .page-wrapper .dark-box { background: #fdfdfd; border-left: 1px solid #ccc } .toc-wrapper { background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: linear-gradient(black, black) } .toc-wrapper > .search input { background: transparent } .toc-wrapper > .search input::-webkit-input-placeholder { color: rgba(242, 242, 242, 0.3) } .toc-wrapper > .search input::-moz-placeholder { color: rgba(242, 242, 242, 0.3) } .toc-wrapper > .search input:-ms-input-placeholder { color: rgba(242, 242, 242, 0.3) } .toc-wrapper > .search input::-ms-input-placeholder { color: rgba(242, 242, 242, 0.3) } .toc-wrapper > .search input::placeholder { color: rgba(242, 242, 242, 0.3) } .toc-wrapper .toc-footer a { font-size: 14px } .toc-wrapper .toc-footer a:before { content: "\00BB \00a0" } .toc-wrapper .toc-footer li:first-child:before { content: "Other Docs"; display: block; font-size: 14px; color: #fff } .toc-wrapper .toc-list-h3 { display: none; background-color: black } .toc-wrapper .toc-h3 { padding-left: 40px; font-size: 12px } .page-wrapper .content h1 { font-weight: 300 } .page-wrapper .content h2 { color: #555 } .page-wrapper .content a { color: #1998c5 } .page-wrapper .content a:hover { color: #d1a600 } .page-wrapper .content .success a, .page-wrapper .content .warning a, .page-wrapper .content .notice a { color: #fff } .page-wrapper .content .success a:hover, .page-wrapper .content .warning a:hover, .page-wrapper .content .notice a:hover { color: #fff; opacity: .8 } .page-wrapper .content .center-column + div.highlight, .page-wrapper .content .center-column + p:empty + div.highlight { background: transparent } .page-wrapper .content .center-column + pre, .page-wrapper .content .center-column + p:empty + pre, .page-wrapper .content .center-column + div.highlight > pre, .page-wrapper .content .center-column + p:empty + div.highlight > pre { position: static; float: none; clear: none; margin: 0 0 15px; left: 0; display: block !important } @media (min-width: 701px) { .page-wrapper .content .center-column + pre, .page-wrapper .content .center-column + p:empty + pre, .page-wrapper .content .center-column + div.highlight > pre, .page-wrapper .content .center-column + p:empty + div.highlight > pre { border-left: 28px solid #F3F7F9; border-right: 28px solid #F3F7F9; width: calc(50% - 1px) } } @media (max-width: 700px) { .page-wrapper .content .highlight { margin-bottom: 15px } } .page-wrapper .content code { word-break: normal } .page-wrapper .content table { padding: 0; margin: 0 28px } .page-wrapper .content table th { background-color: #1998c5; color: #FFF; border: 0; border-left: 1px solid #1998c5; border-right: 1px solid #1998c5 } .page-wrapper .content table thead tr:last-child { border-bottom: 0 } .page-wrapper .content table td { background: #fff } .page-wrapper .content table tr > td:first-child { border-left: 1px solid #ccc } .page-wrapper .content table tr > td:last-child { border-right: 1px solid #ccc } .page-wrapper .content table tr:nth-child(even) > td { background: #f7f7f7 } @media (min-width: 701px) { .page-wrapper .content table { margin: 0 0 0 28px; width: calc(50% - (2 * 28px)) } } @media (max-width: 700px) { .page-wrapper .content table { width: calc(100% - (2 * 28px)) } } #nav-button span { background-color: #1998c5; color: #fff; white-space: nowrap } .signature-testing-tool + table { display: table !important } .signature-testing-tool + table input[type="text"], .signature-testing-tool + table textarea { width: 100% } .signature-testing-tool + table textarea { width: 100%; font-family: monospace, Courier, Monaco } #signatureOutput { display: none } #signatureOutput td { white-space: nowrap } .toc-wrapper .logo .logo-svg { width: 80px; } .toc-wrapper .toc-link.active { background-color: rgba(255, 255, 255, 0.15) } .page-wrapper { background-color: #f2f2f2 } .toc-wrapper .toc-link.active { color: #1998c5 } .page-wrapper .content a { color: #000 } .page-wrapper .content a:hover { color: #1998c5 }