html{height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{position:relative;min-height:100%;padding-bottom:4em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Lato,Helvetica,Arial,sans-serif;color:#404040;margin:0;line-height:1.7;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}footer{position:absolute;bottom:0;width:100%;color:#666;background-color:#f8f8ff}p code,ul code,ol code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8}a:hover{text-decoration:none}a,a:visited{color:#6b60de}pre{box-shadow:0 1px 2px 0 rgba(34,36,38,.15)}.centered{text-align:center}.tip{background-color:#f0f8ff;padding:1em;margin:1em 0}.nav{position:relative;background-color:#fff;color:#404040;box-shadow:0 1px 5px 0 #ccc;z-index:999;width:100%}.nav-inner{display:flex;max-width:960px;margin:0 auto}.brand{position:relative;flex:1;padding:1em;padding-left:2em;font-weight:700}.brand img{vertical-align:middle;max-height:1.1em;margin-top:-1px;opacity:.8}.nav a{color:inherit;text-decoration:none}.nav ul{list-style-type:none;text-align:right;margin:0;padding:0}.nav li{display:inline-block;padding:1em;cursor:pointer}.nav li:hover{background-color:#eee}.nav ul li ul{display:none;box-shadow:0 2px 2px -2px rgba(0,0,0,.2)}.nav ul li:hover ul{position:absolute;transition:all .5s ease;margin-top:1em;margin-left:-1em;text-align:left;display:block;background-color:#fff}.nav ul li ul li{display:block}.nav ul li ul a:last-child li{}.nav ul li ul li:hover{background-color:#eee}.header{background-color:#f0f8ff;padding:3em 1em;margin-bottom:2em}.header-small{padding:1em;margin-bottom:0}.highlight{background-color:#f9ffa5;padding:.3em .1em}.page-container{max-width:960px;margin:0 auto}.page-container p,.page-container ul,.page-container ol{font-size:17px}.form-wrapper{background-color:#f0f8ff;padding:1em;max-width:30em;margin:0 auto}.form-row{display:flex;justify-content:flex-end;padding:.5em}.form-row>label{padding:.5em 1em .5em 0;flex:1}.form-row>input{flex:2}.form-row>input,.form-row>button{font-size:1em}.footer-content{margin:0 auto;max-width:960px;padding:1em 0}.footer-content a,.footer-content a:visited{color:#666}.footer-right{float:right}.cta-container{background-color:#f0f8ff;border:1px dashed #ddd}a.cta:hover{text-decoration:none}.cta{background-color:#4e35c9;color:#fff;display:inline-flex;justify-content:center;align-items:center;border-radius:3px;font-size:1em;height:3em;line-height:2.4em;margin:0;padding:0 1em;text-decoration:none;outline:0;border:0;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.171);transition:box-shadow .2s ease}.cta.disabled{background-color:#ccc!important;cursor:not-allowed}.cta.secondary{background-color:#fff;color:#4e35c9!important;border:1px solid #6435c9}.cta.tertiary{background-color:#9566db}.cta:visited{color:#fff}.cta:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(50,50,93,.226),0 1px 3px rgba(0,0,0,.08)}.cta svg:last-child{margin-left:.5em}.col{flex:1}.col h3,.col code{text-align:center}.sandbox-tag{font-size:10px;margin-bottom:1em}ul.tabs{text-align:center;list-style-type:none;margin:0;padding:0;font-size:1em;overflow-x:auto;white-space:nowrap}ul.tabs::-webkit-scrollbar{visibility:visible}.tabs li{display:inline-block}.tabs .item{padding:.5em;margin:0;cursor:pointer;border-top-left-radius:.2em;border-top-right-radius:.2em}.tabs .item:hover{background-color:#f0f8ff}.tabs .item.active{font-weight:700;background-color:#eee}.tab-content{display:none;border:1px solid #eee;padding:1em}.tab-content.active{display:block}.border-success{border-top:2px solid #21ba45}@media(max-width:600px){.hero{display:block}.arrowcol{text-align:center;font-size:3em}.arrowcol:before{content:"⇣"}}[id]::before{content:'';display:block;height:65px;margin-top:-65px;visibility:hidden}@media(max-width:1040px){.page-container{padding:0 2em}.tablet-hide{display:none}}@media(max-width:850px){.brand{display:none}.nav{font-size:.9em}.nav ul{text-align:left}.nav li{padding:.25em}.page-container{padding:0 1em}.show-and-tell{flex-direction:column}.nav-inner{flex-direction:column;align-items:center}.brand,.nav li{padding:.75em}.header{margin-bottom:1em;padding:1em}.header-small{padding:.25em 1em}.cta{font-size:.9em;margin:.25em 0}.mobile-hide{display:none}[id]::before{height:45px;margin-top:-45px}}@media only screen and (min-width:768px){.mobile-only{display:none}}@media only screen and (max-width:767px){.mobile-hidden{display:none!important}}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,andale mono,ubuntu mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}pre[class*=language-]{background:#f5f2f0}.token.punctuation{color:#999}.token.boolean,.token.number,.token.constant,.token.symbol{color:#905}.token.string{color:#690}.token.operator{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.variable{color:#d91400}