CINXE.COM
Twitter icon
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta property="twitter:card" content="summary_large_image"/><link rel="shortcut icon" type="image/svg" href="https://screen.cloud/static/img/favicon.png"/><noscript></noscript><meta name="generator" content="Gatsby 2.32.13"/><link rel="sitemap" type="application/xml" href="/developer/sitemap.xml"/><title data-react-helmet="true">Developer | ScreenCloud</title><link data-react-helmet="true" rel="canonical" href="http://screencloud.github.io//developer/"/><meta data-react-helmet="true" name="title" content="Developer | ScreenCloud"/><meta data-react-helmet="true" name="description" content="Develop your own Digital Signage apps easily with ScreenCloud."/><meta data-react-helmet="true" property="og:title" content="Developer | ScreenCloud"/><meta data-react-helmet="true" property="og:description" content="Develop your own Digital Signage apps easily with ScreenCloud."/><meta data-react-helmet="true" property="twitter:title" content="Developer | ScreenCloud"/><meta data-react-helmet="true" property="twitter:description" content="Develop your own Digital Signage apps easily with ScreenCloud."/><link as="script" rel="preload" href="/developer/webpack-runtime-b2557f42a4c9b0a43775.js"/><link as="script" rel="preload" href="/developer/framework-79bb728e15d438644729.js"/><link as="script" rel="preload" href="/developer/app-fc6592e67cb3b4cdadc2.js"/><link as="fetch" rel="preload" href="/developer/page-data/index/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/developer/page-data/sq/d/222377516.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/developer/page-data/sq/d/222377516.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/developer/page-data/sq/d/2619113677.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/developer/page-data/sq/d/2619113677.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/developer/page-data/sq/d/3706406642.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/developer/page-data/sq/d/3706406642.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/developer/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><style data-emotion-css="0"></style><div class="navBarWrapper"><nav class="navBarDefault"><div class="navBarHeader"><a aria-current="page" class="navBarBrand" href="/developer/"></a></div><ul class="socialWrapper visibleMobileView"></ul><div id="navbar" class="topnav"><div class="visibleMobile"><style data-emotion-css="8uxxw2">.css-8uxxw2{width:100%;height:100vh;overflow:auto;position:fixed;padding-left:0px;position:-webkit-sticky;position:-moz-sticky;position:-webkit-sticky;position:sticky;top:0;padding-right:0;-webkit-box-shadow:-1px 0px 4px 1px rgba(175,158,232,0.4);}@media only screen and (max-width:1023px){.css-8uxxw2{width:100%;height:100vh;}}@media (min-width:767px) and (max-width:1023px){.css-8uxxw2{padding-left:0;}}@media only screen and (max-width:767px){.css-8uxxw2{padding-left:0px;height:auto;}}</style><aside class="css-8uxxw2 e1e36bpk1"><div class="sidebarTitle hiddenMobile">Build an App</div><ul class="sideBarUL"><li class="hideFrontLine firstLevel item "><ul><li class=" item "><a href="/developer/overview">Overview</a></li><li class=" item "><a href="/developer/get-started">Get Started</a></li><li class=" item "><a href="/developer/preloading">Preloading</a></li><li class=" item "><a href="/developer/themes">Themes</a></li><li class=" item "><a href="/developer/add-to-app-store">Add to App Store</a></li><li class=" item "><a href="/developer/app-lifecycle">App Lifecycle</a></li><li class=" item "><a href="/developer/example-codebases">Example Codebases</a></li><li class=" item "><a href="/developer/firebase-react-app">Create a ScreenCloud app using Firebase and React</a></li><li class=" item "><a href="/developer/example-user-apps">Example applications created by clients</a></li><li class=" item "><a href="/developer/webhooks-app">Webhooks App</a></li></ul></li><style data-emotion-css="1q387v1">.css-1q387v1{list-style:none;padding:0.5rem 0;}.css-1q387v1 hr{margin:0;padding:0;border:0;border-bottom:1px solid #ede7f3;}</style><li class="css-1q387v1 e1e36bpk2"><hr/></li><style data-emotion-css="1rv8v45">.css-1rv8v45{list-style:none;}.css-1rv8v45 a{color:#5c6975;-webkit-text-decoration:none;text-decoration:none;font-weight:400;padding:0.45rem 0 0.45rem 2rem;display:block;position:relative;}.css-1rv8v45 a:hover{-webkit-text-decoration:underline;text-decoration:underline;}.css-1rv8v45 a svg{float:right;margin-right:1rem;}</style><li class="css-1rv8v45 e1e36bpk0"><a href="https://auth.screencloud.com/login" to="https://auth.screencloud.com/login" target="_blank" rel="noopener noreferrer">Studio<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></a></li><li class="css-1rv8v45 e1e36bpk0"><a href="https://screencloud.com" to="https://screencloud.com" target="_blank" rel="noopener noreferrer">ScreenCloud.com<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></a></li></ul></aside></div><ul class="navBarUL navBarNav navBarULRight"><li><a href="https://github.com/screencloud/developer/issues"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJiYXNlbGluZS1oZWxwLTI0cHgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6bm9uZX0uY2xzLTJ7ZmlsbDojZmZmfQogICAgICAgIDwvc3R5bGU+CiAgICA8L2RlZnM+CiAgICA8cGF0aCBpZD0iUGF0aF8xOTYiIGQ9Ik0wIDBoMjR2MjRIMHoiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSJQYXRoIDE5NiIvPgogICAgPHBhdGggaWQ9IlBhdGhfMTk3IiBkPSJNMTIgMmExMCAxMCAwIDEgMCAxMCAxMEExMCAxMCAwIDAgMCAxMiAyem0xIDE3aC0ydi0yaDJ6bTIuMDctNy43NWwtLjkuOTJBMy40IDMuNCAwIDAgMCAxMyAxNWgtMnYtLjVhNC4wMjUgNC4wMjUgMCAwIDEgMS4xNy0yLjgzbDEuMjQtMS4yNkExLjk1NSAxLjk1NSAwIDAgMCAxNCA5YTIgMiAwIDAgMC00IDBIOGE0IDQgMCAwIDEgOCAwIDMuMTgyIDMuMTgyIDAgMCAxLS45MyAyLjI1eiIgY2xhc3M9ImNscy0yIiBkYXRhLW5hbWU9IlBhdGggMTk3Ii8+Cjwvc3ZnPgo=" alt="Help icon"/></a></li><li class="divider hiddenMobile"></li><li class="hiddenMobile"><ul class="socialWrapper"><li><a href="https://twitter.com/screencloud" target="_blank" rel="noopener noreferrer"><svg role="img" viewBox="0 0 24 24"><title>Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"></path></svg></a></li><li><a href="https://www.facebook.com/ScreenCloudio" target="_blank" rel="noopener noreferrer"><svg role="img" viewBox="0 0 24 24"><title>Facebook icon</title><path d="M23.9981 11.9991C23.9981 5.37216 18.626 0 11.9991 0C5.37216 0 0 5.37216 0 11.9991C0 17.9882 4.38789 22.9522 10.1242 23.8524V15.4676H7.07758V11.9991H10.1242V9.35553C10.1242 6.34826 11.9156 4.68714 14.6564 4.68714C15.9692 4.68714 17.3424 4.92149 17.3424 4.92149V7.87439H15.8294C14.3388 7.87439 13.8739 8.79933 13.8739 9.74824V11.9991H17.2018L16.6698 15.4676H13.8739V23.8524C19.6103 22.9522 23.9981 17.9882 23.9981 11.9991Z"></path></svg></a></li></ul></li><li class="githubBtn"></li></ul></div></nav><style data-emotion-css="dh9m3o">.css-dh9m3o{height:60px;background-color:#f8f8f8;position:relative;display:none;background:#000000;}@media (max-width:767px){.css-dh9m3o{display:block;}}</style><div class="css-dh9m3o e1qqaopw0"><div class="navBarDefault removePadd"><span class="navBarToggle" role="button" tabindex="0"><span class="iconBar"></span><span class="iconBar"></span><span class="iconBar"></span></span></div></div></div><style data-emotion-css="1ivvp8u">.css-1ivvp8u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background:#fff;}.css-1ivvp8u .sideBarUL li a{color:#3B454E;}.css-1ivvp8u .sideBarUL .item > a:hover{background-color:#FFEE95;color:#000 !important;}@media only screen and (max-width:767px){.css-1ivvp8u{display:block;}}</style><div class="css-1ivvp8u e1xx8o030"><style data-emotion-css="192n44p">.css-192n44p{width:298px;}</style><div class="hiddenMobile css-192n44p e1xx8o033"><style data-emotion-css="8uxxw2">.css-8uxxw2{width:100%;height:100vh;overflow:auto;position:fixed;padding-left:0px;position:-webkit-sticky;position:-moz-sticky;position:-webkit-sticky;position:sticky;top:0;padding-right:0;-webkit-box-shadow:-1px 0px 4px 1px rgba(175,158,232,0.4);}@media only screen and (max-width:1023px){.css-8uxxw2{width:100%;height:100vh;}}@media (min-width:767px) and (max-width:1023px){.css-8uxxw2{padding-left:0;}}@media only screen and (max-width:767px){.css-8uxxw2{padding-left:0px;height:auto;}}</style><aside class="css-8uxxw2 e1e36bpk1"><div class="sidebarTitle hiddenMobile">Build an App</div><ul class="sideBarUL"><li class="hideFrontLine firstLevel item "><ul><li class=" item "><a href="/developer/overview">Overview</a></li><li class=" item "><a href="/developer/get-started">Get Started</a></li><li class=" item "><a href="/developer/preloading">Preloading</a></li><li class=" item "><a href="/developer/themes">Themes</a></li><li class=" item "><a href="/developer/add-to-app-store">Add to App Store</a></li><li class=" item "><a href="/developer/app-lifecycle">App Lifecycle</a></li><li class=" item "><a href="/developer/example-codebases">Example Codebases</a></li><li class=" item "><a href="/developer/firebase-react-app">Create a ScreenCloud app using Firebase and React</a></li><li class=" item "><a href="/developer/example-user-apps">Example applications created by clients</a></li><li class=" item "><a href="/developer/webhooks-app">Webhooks App</a></li></ul></li><style data-emotion-css="1q387v1">.css-1q387v1{list-style:none;padding:0.5rem 0;}.css-1q387v1 hr{margin:0;padding:0;border:0;border-bottom:1px solid #ede7f3;}</style><li class="css-1q387v1 e1e36bpk2"><hr/></li><style data-emotion-css="1rv8v45">.css-1rv8v45{list-style:none;}.css-1rv8v45 a{color:#5c6975;-webkit-text-decoration:none;text-decoration:none;font-weight:400;padding:0.45rem 0 0.45rem 2rem;display:block;position:relative;}.css-1rv8v45 a:hover{-webkit-text-decoration:underline;text-decoration:underline;}.css-1rv8v45 a svg{float:right;margin-right:1rem;}</style><li class="css-1rv8v45 e1e36bpk0"><a href="https://auth.screencloud.com/login" to="https://auth.screencloud.com/login" target="_blank" rel="noopener noreferrer">Studio<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></a></li><li class="css-1rv8v45 e1e36bpk0"><a href="https://screencloud.com" to="https://screencloud.com" target="_blank" rel="noopener noreferrer">ScreenCloud.com<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></a></li></ul></aside></div><div class="sidebarTitle sideBarShow">Build an App</div><style data-emotion-css="zj4uvr">.css-zj4uvr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:0px 88px;padding-top:3rem;background:#fff;}.css-zj4uvr table tr{background:#fff;}@media only screen and (max-width:1023px){.css-zj4uvr{padding-left:0;margin:0 10px;padding-top:3rem;}}</style><main class="css-zj4uvr e1xx8o031"><style data-emotion-css="14zj307">@media only screen and (max-width:50rem){.css-14zj307{width:100%;position:relative;}}</style><div class="css-14zj307 e1xx8o032"><div class="titleWrapper"><style data-emotion-css="16slwyk">.css-16slwyk{font-size:32px;line-height:1.5;font-weight:500;border-left:6px solid #FFEE95;padding:0 16px;-webkit-flex:1;-ms-flex:1;flex:1;margin-top:0;padding-top:0;color:#000;}</style><h1 class="css-16slwyk e8l13j30">Develop a ScreenCloud App</h1><style data-emotion-css="qu2iew">.css-qu2iew{padding:1rem 1.5rem;text-align:right;}.css-qu2iew a{font-size:14px;font-weight:500;line-height:1em;-webkit-text-decoration:none;text-decoration:none;color:#555;border:1px solid rgb(211,220,228);cursor:pointer;border-radius:3px;-webkit-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;-webkit-text-decoration:none;text-decoration:none;color:rgb(36,42,49);background-color:rgb(255,255,255);box-shadow:rgba(116,129,141,0.1) 0px 1px 1px 0px;height:30px;padding:5px 16px;}.css-qu2iew a:hover{background-color:rgb(245,247,249);}</style><div class="mobileView css-qu2iew e8l13j31"><a href="https://github.com/screencloud/developer/tree/master/docs/content/index.mdx" class="gitBtn"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjM1MCAyMzE0LjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTExNzUsMEM1MjUuOCwwLDAsNTI1LjgsMCwxMTc1YzAsNTUyLjIsMzc4LjksMTAxMC41LDg5MC4xLDExMzkuN2MtNS45LTE0LjctOC44LTM1LjMtOC44LTU1Ljh2LTE5OS44SDczNC40DQoJYy03OS4zLDAtMTUyLjgtMzUuMi0xODUuMS05OS45Yy0zOC4yLTcwLjUtNDQuMS0xNzkuMi0xNDEtMjQ2LjhjLTI5LjQtMjMuNS01LjktNDcsMjYuNC00NC4xYzYxLjcsMTcuNiwxMTEuNiw1OC44LDE1OC42LDEyMC40DQoJYzQ3LDYxLjcsNjcuNiw3Ni40LDE1NS43LDc2LjRjNDEuMSwwLDEwNS43LTIuOSwxNjQuNS0xMS44YzMyLjMtODIuMyw4OC4xLTE1NS43LDE1NS43LTE5MC45Yy0zOTMuNi00Ny01ODEuNi0yNDAuOS01ODEuNi01MDUuMw0KCWMwLTExNC42LDQ5LjktMjIzLjMsMTMyLjItMzE3LjNjLTI2LjQtOTEuMS02MS43LTI3OS4xLDExLjgtMzUyLjVjMTc2LjMsMCwyODIsMTE0LjYsMzA4LjQsMTQzLjljODguMS0yOS40LDE4NS4xLTQ3LDI4NC45LTQ3DQoJYzEwMi44LDAsMTk2LjgsMTcuNiwyODQuOSw0N2MyNi40LTI5LjQsMTMyLjItMTQzLjksMzA4LjQtMTQzLjljNzAuNSw3MC41LDM4LjIsMjYxLjQsOC44LDM1Mi41YzgyLjMsOTEuMSwxMjkuMywyMDIuNywxMjkuMywzMTcuMw0KCWMwLDI2NC40LTE4NS4xLDQ1OC4zLTU3NS43LDQ5OS40YzEwOC43LDU1LjgsMTg1LjEsMjE0LjQsMTg1LjEsMzMxLjlWMjI1NmMwLDguOC0yLjksMTcuNi0yLjksMjYuNA0KCUMyMDIxLDIxMjMuOCwyMzUwLDE2ODkuMSwyMzUwLDExNzVDMjM1MCw1MjUuOCwxODI0LjIsMCwxMTc1LDBMMTE3NSwweiIvPg0KPC9zdmc+DQo=" alt="Github logo"/> Edit on GitHub</a></div></div><style data-emotion-css="1h7qof7">.css-1h7qof7{max-width:750px;color:#3B454E;}.css-1h7qof7 ul,.css-1h7qof7 ol{-webkit-padding-start:40px;-moz-padding-start:40px;-o-padding-start:40px;margin:24px 0px;padding:0px 0px 0px 2em;}.css-1h7qof7 ul li,.css-1h7qof7 ol li{font-size:16px;line-height:1.8;font-weight:400;}.css-1h7qof7 a:link{-webkit-transition:border-color 0.1s ease-in;transition:border-color 0.1s ease-in;color:#3B454E;border-bottom:1px solid #3B454E;}.css-1h7qof7 a:visited{color:#2d313a;}.css-1h7qof7 a:hover,.css-1h7qof7 a:active{border-color:#fff;}.css-1h7qof7 code{border:1px solid #ede7f3;border-radius:4px;padding:2px 6px;font-size:0.9375em;background:#fff;}@media (max-width:767px){.css-1h7qof7{padding:0 15px;}}</style><div class="css-1h7qof7 e8l13j32"><p class="paragraph">Welcome! So you'd like to see your own data and services on your screens? Awesome!</p><p class="paragraph">You can build custom apps exactly like those already in the App Store. They use standard web technologies, so if you know HTML and JavaScript, you already know what to do. </p><p class="paragraph">And apps are private to you by default. Only organizations you select, like your own, will be able to see them. Need to share those marketing stats with your company, but really want to use a chart visualization you've built yourself? Perfect, a quick custom app is probably the answer.</p><p class="paragraph">If you later want to share your work with everyone on the App Store, that's super! Just <a href="https://screen.cloud/contact" target="_blank" rel="noopener noreferrer">let us know</a> and we'll make it happen.</p><p class="paragraph">Head to the <a href="/developer/overview">Overview</a> for a quick intro to some key concepts, or go straight to <a href="/developer/get-started">Get Started</a>.</p><p class="paragraph">You can use the <a href="https://github.com/screencloud/developer/issues" target="_blank" rel="noopener noreferrer">Github Issues</a> to raise a question to our devs any time, or contact <a href="https://screen.cloud/contact" target="_blank" rel="noopener noreferrer">our Support team</a> if the inquiry is confidential.</p><p class="paragraph">PS - This is still early days for our 3rd party app support. Some steps are more manual than we'd like, but we'll call them out clearly and wherever we can help, we're happy to.</p><p class="paragraph">We'd really appreciate <a href="https://github.com/screencloud/developer/issues" target="_blank" rel="noopener noreferrer">your feedback</a> on what's painful or confusing so we know where to focus our efforts next.</p></div><div class="addPaddTopBottom"><style data-emotion-css="1y8yt3f">.css-1y8yt3f{margin:0px;padding:0px;width:auto;display:grid;grid-template-rows:auto;-webkit-column-gap:24px;column-gap:24px;grid-template-columns:calc(50% - 8px) calc(50% - 8px);}.css-1y8yt3f .previousBtn{cursor:pointer;-moz-box-align:center;-moz-box-direction:normal;-moz-box-orient:horizontal;margin:0px;padding:0px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;place-self:stretch;border-radius:3px;border:1px solid rgb(230,236,241);-webkit-transition:border 200ms ease 0s;transition:border 200ms ease 0s;box-shadow:rgba(116,129,141,0.1) 0px 3px 8px 0px;-webkit-text-decoration:none;text-decoration:none;background-color:#fff;color:#3B454E;}.css-1y8yt3f .nextBtn{cursor:pointer;-moz-box-align:center;-moz-box-direction:normal;-moz-box-orient:horizontal;margin:0px;padding:0px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;place-self:stretch;border-radius:3px;border:1px solid rgb(230,236,241);-webkit-transition:border 200ms ease 0s;transition:border 200ms ease 0s;box-shadow:rgba(116,129,141,0.1) 0px 3px 8px 0px;-webkit-text-decoration:none;text-decoration:none;background-color:#fff;color:#3B454E;}.css-1y8yt3f .nextBtn:hover,.css-1y8yt3f .previousBtn:hover{-webkit-text-decoration:none;text-decoration:none;border:1px solid #fecf00;}.css-1y8yt3f .nextBtn:hover .rightArrow,.css-1y8yt3f .previousBtn:hover .leftArrow{color:#fecf00;}.css-1y8yt3f .leftArrow{display:block;margin:0px;color:rgb(157,170,182);-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:24px;-webkit-transition:color 200ms ease 0s;transition:color 200ms ease 0s;padding:16px;padding-right:16px;}.css-1y8yt3f .rightArrow{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:24px;-webkit-transition:color 200ms ease 0s;transition:color 200ms ease 0s;padding:16px;padding-left:16px;display:block;margin:0px;color:rgb(157,170,182);}.css-1y8yt3f .nextPreviousTitle{display:block;margin:0px;padding:0px;-webkit-transition:color 200ms ease 0s;transition:color 200ms ease 0s;}.css-1y8yt3f .nextPreviousTitle span{font-size:16px;line-height:1.5;font-weight:500;}@media (max-width:767px){.css-1y8yt3f{display:block;padding:0 15px;}.css-1y8yt3f .previousBtn{margin-bottom:20px;}}</style><div class="css-1y8yt3f e1xrfmzk0"></div></div></div></main><style data-emotion-css="gqp3x7">.css-gqp3x7{width:224px;}</style><div class="hiddenMobile css-gqp3x7 e1xx8o034"><style data-emotion-css="1dq6tsi">.css-1dq6tsi{width:100%;border-right:1px solid #ede7f3;height:100vh;overflow:auto;position:fixed;padding-left:24px;position:-webkit-sticky;position:-moz-sticky;position:-webkit-sticky;position:sticky;top:0;background:#fff;}.css-1dq6tsi .rightSideTitle{font-size:10px;line-height:1;font-weight:700;text-transform:uppercase;-webkit-letter-spacing:1.2px;-moz-letter-spacing:1.2px;-ms-letter-spacing:1.2px;letter-spacing:1.2px;padding:7px 24px 7px 16px;border-left:1px solid #e6ecf1;border-left-color:rgb(230,236,241);color:#3B454E;}.css-1dq6tsi .rightSideBarUL{margin-top:32px;}.css-1dq6tsi .rightSideBarUL li{list-style-type:none;border-left:1px solid #e6ecf1;border-left-color:rgb(230,236,241);}.css-1dq6tsi .rightSideBarUL li a{font-size:12px;font-weight:500;line-height:1.5;padding:7px 24px 7px 16px;color:#3B454E;}@media only screen and (max-width:50rem){.css-1dq6tsi{width:100%;position:relative;}}</style><aside class="css-1dq6tsi eh27wh20"><ul></ul></aside></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-c27622094804aad85cdf.js"],"app":["/app-fc6592e67cb3b4cdadc2.js"],"component---src-templates-docs-js":[]};/*]]>*/</script><script src="/developer/polyfill-c27622094804aad85cdf.js" nomodule=""></script><script src="/developer/app-fc6592e67cb3b4cdadc2.js" async=""></script><script src="/developer/framework-79bb728e15d438644729.js" async=""></script><script src="/developer/webpack-runtime-b2557f42a4c9b0a43775.js" async=""></script><script defer=""> function navBarClose() { document.getElementById("navbar").classList.toggle("responsive"); } document.addEventListener('click',function(e){ if(e.target && e.target.tagName.toLowerCase() === 'a'){ navBarClose(); } }); </script></body></html>