.gutter pre{color:#999}pre .line{min-height:19px}pre{color:#525252}pre .function .keyword,pre .constant{color:#0092db}pre .keyword,pre .attr{color:#e96900}pre .number,pre .literal{color:#ae81ff}pre .tag,pre .tag .title,pre .change,pre .winutils,pre .flow,pre .lisp .title,pre .clojure .built_in,pre .nginx .title,pre .tex .special{color:#2973b7}pre .class .title{color:#fff}pre .symbol,pre .symbol .string,pre .value,pre .regexp{color:#4b8}pre .title{color:#a6e22e}pre .tag .value,pre .string,pre .subst,pre .haskell .type,pre .preprocessor,pre .ruby .class .parent,pre .built_in,pre .sql .aggregate,pre .django .template_tag,pre .django .variable,pre .smalltalk .class,pre .javadoc,pre .django .filter .argument,pre .smalltalk .localvars,pre .smalltalk .array,pre .attr_selector,pre .pseudo,pre .addition,pre .stream,pre .envvar,pre .apache .tag,pre .apache .cbracket,pre .tex .command,pre .prompt{color:#4b8}pre .comment,pre .java .annotation,pre .python .decorator,pre .template_comment,pre .pi,pre .doctype,pre .deletion,pre .shebang,pre .apache .sqbracket,pre .tex .formula{color:#b3b3b3}pre .coffeescript .javascript,pre .javascript .xml,pre .tex .formula,pre .xml .javascript,pre .xml .vbscript,pre .xml .css,pre .xml .cdata{opacity:.5}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}html{font-size:14px}body{font:400 1.1rem/1.6 Fira Sans,Helvetica,Arial,sans-serif;color:#333}iframe,img,button,input[type=button],.btn{border:0}.borderless-links a,a.borderless-links,a.borderless-link{border:0}.hidden-visually{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}strong{font-weight:600}code,pre{font-family:Fira Mono,Consolas,Andale Mono,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}pre{font-size:1rem}[data-is-mobile=true] pre{font-size:.8rem}.font-loaded-mono code,.font-loaded-mono pre{font-family:Fira Mono,Consolas,Andale Mono,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}p code,li code,dd code{background:#f8f8f8;font-weight:600;padding:0 2px;margin:0 1px}h2 code{font-weight:600;padding:0 1px}h3 code{background:#f8f8f8;padding-left:2px;padding-right:2px}[data-page-type=community] li code{font-weight:500}p{word-spacing:.05em}h1{color:#305f83}h2,h3,h4{color:#2c3e50;font-weight:500}h4{font-weight:600}.btn{cursor:pointer;font:inherit}.copy__wrap{max-width:100%}@media(min-width:900px){.copy__wrap{max-width:700px}}.sidebar__wrap,.copy__wrap{padding:40px}[data-page-type=blog] .copy__wrap{padding-top:20px}.nav,.subnav{list-style-type:none}.copy a.btn{font-size:.9em;color:#fff;margin:.2em 0;max-width:180px;text-align:center;padding:12px 24px;display:inline-block;vertical-align:middle}.copy img{max-width:100%}.copy span.light{color:#7f8c8d}.copy span.info{font-size:.85em;display:inline-block;vertical-align:middle;width:280px;margin-left:20px}.copy h2{margin:1.5em 0 .8em;padding-bottom:.7em;border-bottom:1px solid #ddd}.copy h3{font-size:1.5rem}.copy h3,.copy h4{margin:2em 0 .25em;position:relative}.copy figure,.copy p,.copy ul,.copy ol,.copy table{margin:15px 0}.copy figure:last-child+.footer,.copy p:last-child+.footer,.copy ul:last-child+.footer,.copy ol:last-child+.footer,.copy table:last-child+.footer{margin-bottom:0}.copy p,.copy ul,.copy ol,.copy table{line-height:1.6}.copy ul,.copy ol{padding-left:1.5em}.copy blockquote{background:#f8f8f8;margin:2em 0;padding:5px 5px 5px 20px;border-left:4px solid #ef2d5e}.copy blockquote p{font-weight:400;margin-left:0}.copy iframe{margin:1em 0}.copy p+h2,.copy table+table{margin-top:1.5em}.copy .tip{background-color:#f8f8f8;border-bottom-right-radius:2px;border-left:4px solid #ef2d5e;border-top-right-radius:2px;margin:2em 0;padding:1.5em 2em;position:relative}.copy .tip:before{position:absolute;top:14px;left:-12px;background-color:#ef2d5e;color:#fff;content:"!";width:20px;height:20px;border-radius:100%;text-align:center;line-height:20px;font-weight:700;font-size:14px}.copy .tip.tip--dark{background-color:rgba(0,0,0,.5);border-left-color:rgba(239,45,94,.5)}.copy .tip.tip--dark:before{background-color:#ef2d5e;border:2px solid #000;color:#fff;left:-14px}.copy .tip.tip--thin{font-size:.9rem;padding:1rem 2rem}.copy .tip.tip--thin:before{top:.75rem}.copy .tip p:first-child{margin-top:0}.copy .tip p:last-child{margin-bottom:0}.copy ul{list-style:disc;margin-left:1em;padding-left:1em}.copy ul ul{margin-bottom:0;margin-top:0}.copy ol{list-style:decimal;margin-left:1em;padding-left:1em}.copy ol ol{list-style:circle}.copy li+li,.copy ul ul li,.copy ol ol li{margin-top:.35rem}.logo__wordmark{background:url(../images/aframe-name-pink.svg) no-repeat;display:block;height:31px;margin-bottom:30px;text-indent:-9999px}@media(min-width:900px){.logo__wordmark{height:33px}}.float-left{float:left}.float-right{float:right}.c:after{clear:both;content:"";display:table}@media screen and (max-width:768px){.sidebar__wrap,.copy__wrap{padding:20px}.logo__wordmark{margin-bottom:20px}}.github-emoji{vertical-align:top}#subscribeForm{color:#fafafa;font-family:monospace;margin:0;min-width:400px;padding:5px 10px 0 0}#subscribeForm input[type=email]{background:#fafafa;border:1px solid #666;border-radius:5px;color:$gray;height:40px;padding-left:20px;margin-right:10px;max-width:480px;text-transform:uppercase;vertical-align:middle;width:50%}#subscribeForm button{border:0;background:#ff74b8;border-radius:20px;cursor:pointer;font-size:14px;color:#fafafa;text-transform:uppercase;transition:.1s all;padding:11px 20px;vertical-align:middle}#subscribeForm button[disabled]{background:#888;pointer-events:none}#subscribeForm button:hover{background:#ff94c8}.mobile-header{-ms-flex-align:center;align-items:center;background:#ef2d5e;box-shadow:0 4px 2px -2px rgba(0,0,0,.2);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;opacity:.9;padding-left:15px;position:fixed;top:0;width:100%;z-index:7}@media(min-width:900px){.mobile-header{display:none}}.mobile-header h1{white-space:nowrap}.mobile-header h1 a{border:none;cursor:hover}.mobile-header h1 a,.mobile-header #sidebar-toggle,.mobile-header span{color:#fafafa;-ms-flex:1;flex:1;font-weight:300}.mobile-header #sidebar-toggle{border-bottom:none;font-size:26px;text-decoration:none}.sidebar{background-color:#f9f9f9;box-shadow:0 0 10px rgba(0,0,0,.2);box-sizing:border-box;height:100%;left:0;padding:40px;position:fixed;top:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;transform:translate(-280px,0);-webkit-transform:translate(-280px,0);transition:all .4s cubic-bezier(.4,0,0,1);visibility:hidden;width:280px;z-index:8}.sidebar.sidebar-open{transform:translate(0,0)}@media(min-width:900px){.sidebar{background:0 0;box-shadow:none;height:80%;position:fixed;padding-right:0;padding-top:0;-webkit-transform:translate(0,0);top:140px;transform:translate(0,0);transition:none}}#communityShowcase{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}#communityShowcase li{margin:0;padding:10px 10px 10px 0;width:50%}#communityShowcase li img{box-shadow:0 0 1px 1px #bbb;margin-bottom:5px}#communityShowcase li img:hover{box-shadow:0 0 1px 1px #888}#communityShowcase li a{border-bottom:0}#communityShowcase li .projectInfo{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#communityShowcase li .projectInfo p{margin-top:0}#communityShowcase li .projectInfo .projectTitle{margin-bottom:5px}#communityShowcase li .projectInfo .projectName{font-weight:700}#communityShowcase li .projectInfo .projectAuthor{font-size:12px;margin-bottom:5px}#communityShowcase li .projectInfo .projectDescription{font-size:12px}#team{list-style:none;margin:0;padding:0}#team li{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin-bottom:25px}#team .teamInfoContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#team .teamAvatar{border-radius:100px;height:96px;margin-right:20px;width:96px}#team .teamName{color:#555;font-size:16px;font-weight:700}#team p{margin-bottom:5px;margin-top:0}#team p i{width:18px}#team .teamSocial a{border-bottom:0;margin-right:5px}#team .fa-github{color:#000}.page__section,.section-title,.install-note,.mobile-nav-btn,.nav-item{font-family:Fira Mono,Consolas,Andale Mono,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.page__title{color:#ef2d5e;font:300 36px/1.3 Fira Sans,Helvetica,Arial,sans-serif;margin:-7px 0 20px}h2.post__heading{margin:0}a{border-bottom:1px solid rgba(53,196,232,.15);color:#1497b8;position:relative;text-decoration:none;transition:.05s ease}a:hover{border-bottom-color:rgba(53,196,232,.3);color:#0d5e73}a:active,a.click{border-bottom-color:rgba(53,196,232,.6);color:rgba(53,196,232,.9);top:1px;left:.5px}.copy p a{margin:0 1px}.nav{border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:20px;padding-bottom:15px}.nav-link{color:rgba(0,0,0,.35);display:block;padding:.25rem 0;transition:.05s color ease}.nav-link:hover{color:rgba(0,0,0,.75)}.nav-link:active{color:rgba(0,0,0,.85)}.nav-link.current,.nav-link.active,.nav-link.current:hover,.nav-link.active:hover{color:#ef2d5e;font-weight:600}.nav-link-disabled{pointer-events:none}.nav-item{text-transform:uppercase}.nav-item:first-child .nav-link{padding-top:0}.nav-item:last-child .nav-link{padding-bottom:0}.subnav-link{display:block;color:rgba(0,0,0,.35);line-height:1.8;text-indent:-10px;padding-left:10px;transition:.05s color ease;width:100%}.subnav-link:hover{color:rgba(0,0,0,.75)}.subnav-link:active{color:rgba(0,0,0,.85)}.subnav-link.current,.subnav-link.active,.subnav-link.current:hover,.subnav-link.active:hover{color:#333;font-weight:500}@media(min-width:900px){.subnav-link{line-height:1.6}}.sponsor{bottom:5px;display:block;margin:0 0 25px;position:relative}.sponsor a.mozilla-logo{background-color:#bbb;background-position:0 -1px;background-size:100px 30px;margin-left:-10px;top:-1px;transform:scale(.8);width:100px}.sponsor .message{margin:0;padding-bottom:25px}.example__iframe{height:100vh;width:100%}.main{display:-ms-flexbox;display:flex}.content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding-top:60px;position:relative}@media(min-width:900px){.content{padding-left:280px;padding-top:0}}.copy .footnote{border-top:2px solid #eee;clear:both;color:#999;font-size:.8rem;margin-top:30px}.copy .footnote br{display:none}.copy .footnote .github-file-link{margin-left:.5rem}.guide-links{margin-top:30px}.copy__wrap>table{border-collapse:collapse;width:100%}.copy__wrap>table th,.copy__wrap>table td{padding:4px 8px}.copy__wrap>table th{background:#2ac;color:#fff;font-size:.9rem;font-weight:400;line-height:1.8;text-align:left;white-space:nowrap}.copy__wrap>table th+th{border-left:1px solid rgba(255,255,255,.1)}.copy__wrap>table td{background:#fff;border-bottom:1px solid #eee;font-size:.9rem;font-size:12px;vertical-align:top}.copy__wrap>table tr:not(:last-child) td{border-bottom:1px solid #eee}.copy__wrap>table td code{font-weight:600;padding:0 1px;margin:0 1px}.page__section>p{font-size:11px;font-weight:600;line-height:1.2;margin:0 0 10px;text-transform:uppercase}.page__section>p a{color:#7f8c8d;display:block}.section-title,.subnav-label{font-size:11px;line-height:1.2;padding:5px 0 10px;text-transform:uppercase}.subnav-label[for=docs-version]{margin-right:5px}.section-title-active{font-weight:600}.section-title-link{display:block;margin:-5px 0 -10px;padding:5px 0 10px}.section-subnav{margin-bottom:10px}.post__projects{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:15px 0 25px -1px}.post__projects a{background-position:center;background-repeat:no-repeat;background-size:cover;border:2px solid transparent;height:160px;margin-bottom:4px;width:50%}.post__projects a:hover{border-color:#35c5e9}.post__projects-text li p{display:inline}.post__projects-text .blog-attribution{border:none;color:#333}.post__timestamp{font-weight:500}.post__author:before{content:"\00a0|\00a0"}.post__metadata{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin-bottom:15px}.post__metadata p{margin:0}.content--blog h1+.post--listing{margin-top:9px}.post--listing+.post--listing{margin-top:30px}.post--listing .post__metadata p{margin:20px 0 0}.post--listing .post__projects a:nth-child(2)~a{display:none}.post__image{display:block;margin-top:20px}.post .guide-links .float-right{text-align:right}.post .guide-links span{max-width:40%}.section-title-active{cursor:pointer}.section-title-link-active{cursor:pointer;pointer-events:none}.section-title{margin-top:15px}.subnav-item+.subnav-item{margin-top:.25rem}.highlight{position:relative;background-color:#f8f8f8;padding:.2em .2em .1em;line-height:1.1em;border-radius:2px;overflow-x:auto}.highlight table,.highlight tr,.highlight td{width:100%;border-collapse:collapse;padding:0;margin:0}.highlight .gutter{width:1.5em}.highlight .code pre{padding:1.2em 1.4em;line-height:1.5em;margin:0}.highlight.html:after,.highlight.js:after,.highlight.bash:after,.highlight.css:after{position:absolute;top:0;right:0;color:#ccc;text-align:right;font-size:.75em;padding:5px 10px 0;line-height:15px;height:15px;font-weight:600}.highlight.html:after{content:'HTML'}.highlight.js:after{content:'JS'}.highlight.bash:after{content:'Shell'}.highlight.css:after{content:'CSS'}.github-file-link{background:#f8f8f8;border:1px solid #ddd;border-radius:2px;transition:.05s ease;color:#666;display:inline-block;padding:.25rem 1rem}.github-file-link:after{background:url(../images/github-icon.svg) no-repeat;content:'';display:inline-block;margin-left:.5em;opacity:.5;height:14px;transition:.05s opacity ease;vertical-align:middle;width:12px}.github-file-link:hover,.github-file-link:active{border-color:#bbb;color:#333}.github-file-link:hover:after,.github-file-link:active:after{opacity:1}.github-file-link:active{background:rgba(0,0,0,.1);opacity:.5}.copy a.btn{background-color:#5392c0;border-bottom:2px solid #3c78a5;border-radius:4px;color:#fff;display:inline-block;font-family:Fira Mono,Consolas,Andale Mono,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;margin:5px 0;padding:12px 24px;transition:.15s ease}.copy a.btn.btn-download{padding:12px 8px;min-width:220px}.copy a.btn:hover{background-color:#609ac5;transform:translate(0,1px);transition:none}.copy a.btn:active,.copy a.btn.click{background-color:#3c78a5;transform:translate(0,2px)}.copy a.btn span{font-size:.8rem;font-weight:300}.copy p br~a.button{margin-top:10px}.install-note{color:#999;font-size:.8rem;font-weight:400;margin-left:10px}.install-note:after{display:block;content:""}.content h2[id],.content h3[id],.content h4[id],.content h5[id],.content h6[id],.content .copy__wrap>table[id] tr th:first-child,.content .copy__wrap>table tr[id] td:first-child{cursor:pointer;position:relative}.content h2[id]:before,.content h3[id]:before,.content h4[id]:before,.content h5[id]:before,.content h6[id]:before,.content .copy__wrap>table[id] tr th:first-child:before,.content .copy__wrap>table tr[id] td:first-child:before{border-bottom:1px solid #fff;color:#ccc;content:"";height:100%;left:-1.5rem;position:absolute;text-indent:0;width:1.5rem}.content h2[id]:target:before,.content h3[id]:target:before,.content h4[id]:target:before,.content h5[id]:target:before,.content h6[id]:target:before,.content .copy__wrap>table[id] tr th:first-child:target:before,.content .copy__wrap>table tr[id] td:first-child:target:before,.content h2[id]:hover:before,.content h3[id]:hover:before,.content h4[id]:hover:before,.content h5[id]:hover:before,.content h6[id]:hover:before,.content .copy__wrap>table[id] tr th:first-child:hover:before,.content .copy__wrap>table tr[id] td:first-child:hover:before{content:"#"}.content h2[id]:hover:before,.content h3[id]:hover:before,.content h4[id]:hover:before,.content h5[id]:hover:before,.content h6[id]:hover:before,.content .copy__wrap>table[id] tr th:first-child:hover:before,.content .copy__wrap>table tr[id] td:first-child:hover:before{color:#aaa}#toc+ul a{border-bottom:0}video{max-width:100%}.post img{max-height:320px}.docs-header{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;position:relative;width:100%}@media(min-width:900px){.docs-header{display:block}}.docs-search-wrapper{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:20px;max-width:100%}.docs-header+blockquote{margin:4em 0 2em}.blog-subnav a{font-size:15px;line-height:1.8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-is-mobile=true] #docs-version{border:1px solid #ccc}@media screen and (max-width:800px){.main{-ms-flex-direction:column;flex-direction:column;min-width:100%}.copy .footnote br{display:inline-block}.copy .footnote .github-file-link{margin-left:0}.content--structured h2[id]:before,.content--structured h3[id]:before,.content--structured h4[id]:before,.content--structured h5[id]:before,.content--structured h6[id]:before,.content--structured .copy__wrap>table[id] tr th:first-child:before,.content--structured .copy__wrap>table tr[id] td:first-child:before{left:-1rem}}.tweets{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:480px){.tweets{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.tweets .twitter-tweet{width:49%!important}}@media screen and (min-width:1100px){.tweets{-ms-flex-pack:start;justify-content:flex-start}.tweets .twitter-tweet{margin-right:10px;width:32%!important}}@media screen and (min-width:1350px){.tweets .twitter-tweet{width:24%!important}}.post--listing .tweets .twitter-tweet,.content:not(.content--awoa) .tweets .twitter-tweet{width:48%!important}.content--awoa .copy__wrap{max-width:100%}.content--awoa .copy__wrap p{max-width:700px}.secondary-sidebar{display:none;height:100%;overflow:auto;padding-bottom:30px;padding-top:40px;position:fixed;left:980px;width:300px}@media(min-width:900px){.secondary-sidebar{display:block}}.docs-view-source{font-size:12px}.docs-suggest-edit{font-size:12px}.nav-list .section-title{margin:0;padding-top:0}.nav-list>ul{margin-left:0;margin-top:0;padding-left:0}.nav-list ul{list-style:none}.nav-list ul+ul{margin-left:0}.nav-list li{padding:0}.nav-list a{border-bottom:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content--blog .page__title{margin-bottom:7px}.logo__wordmark{margin-bottom:20px}.wordmark{display:none;padding:40px 40px 0;position:fixed;z-index:10}@media(min-width:900px){.wordmark{display:block}}@media(min-width:900px){.secondary-nav .docs-search-wrapper{display:none}}@media(min-width:900px){.secondary-nav header{display:none}}.guide-links .guide-link{border-bottom:0;padding:10px 20px 0}.post>.page__section:first-child{margin-top:0}