h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.platform{color:#9f499b}.elements-using{color:#3e50b4}.elements-creating{color:#e81d62}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#6b499f}pre .pun,.prettyprint .pun{color:#5c6bc0}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#ff4081}pre .pln,.prettyprint .pln{color:#7986cb}pre .kwd,.prettyprint .kwd{color:#d61a7f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#6b499f}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#7986cb}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#8a8a8a}:host{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1 0 auto;-moz-flex:1 0 auto;-ms-flex:1 0 auto;-o-flex:1 0 auto;flex:1 0 auto;z-index:100;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#000;fill:currentcolor}:host([theme="light"]){color:inherit}:host-context(site-banner[navgroup="start"],site-banner[type="start"],site-banner[navgroup="resources"]) ::content .active,:host-context(site-banner[navgroup="start"],site-banner[type="start"],site-banner[navgroup="resources"]) ::content .paper-button:hover{box-shadow:0 1px 1px #000 inset,0 -1px 1px #000 inset,0 2px 0px #000 inset;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)),color-stop(40%, rgba(0,0,0,0.8)));background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%)}polyfill-unscoped-rule{content:'site-banner[navgroup="start"] app-bar .active, site-banner[type="start"] app-bar .active, site-banner[navgroup="resources"] app-bar .active, site-banner[navgroup="start"] app-bar .paper-button:hover, site-banner[type="start"] app-bar .paper-button:hover, site-banner[navgroup="resources"] app-bar .paper-button:hover';box-shadow:0 1px 1px #000 inset,0 -1px 1px #000 inset,0 2px 0px #000 inset !important;background:-webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.8) 40%) !important;background:-moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.8) 40%) !important;background:-ms-linear-gradient(top, transparent 0%, rgba(0,0,0,0.8) 40%) !important;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%) !important}:host(.search-on){left:0;background:inherit;z-index:1001}:host([theme="dark"].search-on){border-bottom:1px solid rgba(0,0,0,0.14902);box-shadow:#ccc 0px 1px 5px}:host(.fixed){position:fixed}:host-context(site-banner){right:0;top:0;position:absolute}polyfill-next-selector{content:':host a'}:host ::content a{-webkit-box-flex:1;-webkit-flex:1 0 auto;-moz-flex:1 0 auto;-ms-flex:1 0 auto;-o-flex:1 0 auto;flex:1 0 auto;text-transform:none !important}#search{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;-o-flex:0 0 auto;flex:0 0 auto;width:40px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:inherit}#search[show]{width:100%;height:100%;position:absolute;left:0;top:0;padding:0 16px;margin-left:0}#search[show] input{padding:10px;visibility:visible}input{background-color:inherit;border:none;font-size:20px;outline:none;padding:0;color:inherit;-webkit-box-flex:1;-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0;visibility:hidden;-webkit-appearance:none}#hamburger{display:none}@media only screen and (max-width: 850px){:host{-webkit-box-pack:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;width:100%;background:initial}:host-context(#welcome){-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end}polyfill-next-selector{content:':host a'}::content a{display:none !important}#hamburger{display:inline-block}:host-context(#welcome) #hamburger{display:none}}