.content-padding,.panel{max-width:1032px;margin:0 auto}.content-padding,.panel{max-width:1032px;margin:0 auto}.meta{font-size:12px;font-weight:normal;line-height:20px}.secondary{font-size:14px;font-weight:normal;line-height:20px}body{font-size:16px;font-family:"RobotoDraft",Helvetica,Arial,sans-serif;font-weight:300;line-height:24px}button{font-size:12px;font-weight:normal;text-transform:uppercase}a{font-size:inherit;color:#3367d6;text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}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,#apps .box{background-color:#eee !important}.main-purple,section .bar.main-purple{background-color:#1f2036}.main-purple paper-button,section .bar.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}.h1heading,#apps h1{font-size:35px}.h5heading,#apps h5{font-size:14px;font-weight:500;color:#999;line-height:24px;letter-spacing:0.01em;margin-top:6px;margin-bottom:18px}section{border-bottom:1px solid #eee}.main-purple,section .bar.main-purple{color:white}section .bar{-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-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;border-top:1px solid #eee;border-bottom:1px solid #eee;background-color:#fafafa;height:auto}section .bar.main-purple{border-color:rgba(255,255,255,0.3)}section .bar.main-purple a{color:white}section .bar a{color:inherit;font-size:16px;text-align:right;-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;opacity:0.6}section .bar a:after{content:'\0025BE';margin:0 10px}site-banner{height:80px;-webkit-transition:box-shadow 200ms ease-in-out, opacity 300ms ease-in !important;transition:box-shadow 200ms ease-in-out, opacity 300ms ease-in !important}site-banner[unresolved]{opacity:0;visibility:hidden}site-banner .logo{z-index:200}.panel{padding:75px 16px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}.panel.left img{margin-right:88px}.panel.right img{margin-left:88px}.panel summary{-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1}.panel summary+summary{margin-left:25px}.panel summary p{margin:20px 0;line-height:32px}.panel img{-webkit-align-self:center;-moz-align-self:center;-ms-align-self:center;-o-align-self:center;align-self:center}.panel img.cover{object-fit:cover;object-position:50% 0;-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;margin-top:1em;height:300px;width:100%;-webkit-mask-box-image:-webkit-linear-gradient(bottom, transparent, #fff 20%);-moz-mask-box-image:-moz-linear-gradient(bottom, transparent, #fff 20%);-ms-mask-box-image:-ms-linear-gradient(bottom, transparent, #fff 20%);mask-box-image:linear-gradient(bottom, transparent,#ffffff 20%)}@supports not (object-fit: cover){img.cover{height:auto !important;width:100% !important}}#future .panel{padding-top:125px;min-height:505px}#future a{text-decoration:none}#future a:not(:last-of-type){margin-right:12px}#future paper-button::shadow #content span{margin-left:0}@media only screen and (max-width: 850px){#future{padding-top:30px}}#featured .video iframe{width:525px;height:273px}#featured .panel feature-carousel summary{margin-left:40px}#featured .panel img{width:525px;height:273px;border:1px solid #eee;margin-left:0;margin-top:0;object-fit:cover;object-position:50% 0}@media only screen and (max-width: 850px){#featured .panel feature-carousel summary{margin-left:0 !important;margin-top:15px !important}}#designer .panel{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}#designer summary>div{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-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-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}#designer summary h3{margin:1em 0}#learn{min-height:536px}#learn summary,#everything-element summary{color:#fff}#everything-element code{color:currentcolor}#everything-element .panel img{max-width:312px}#apps .panel{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;padding:56px 16px 24px 16px}#apps .panel h1{-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1}#apps .panel .columns{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;margin-top:32px}#apps .panel summary{margin-bottom:32px}#apps .box{margin-bottom:28px;border-radius:2px;width:200px;height:200px;overflow:hidden;box-shadow:0 2px 5px 0 rgba(0,0,0,0.26)}#apps img{height:100%;width:100%}#apps p{margin:10px 0;line-height:24px}@media only screen and (max-width: 850px){#apps .columns{display:block}#apps .columns summary{-webkit-box-flex:1;-webkit-flex:initial;-moz-flex:initial;-ms-flex:initial;-o-flex:initial;flex:initial}}