html{color:#484848;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-family:proxima-nova,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;line-height:1.28}
p{margin:0 0 10px}
.subHeader{margin-bottom:30px;font-weight:200;font-size:21px;line-height:30px}
em{font-style:italic}
h1,h2,h3,h4,h5,h6{margin:10px 0;color:inherit;font-weight:700;font-family:inherit;line-height:20px;text-rendering:optimizelegibility}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#7b7b7b;font-weight:400}
h1,h2,h3{line-height:40px}
h1{font-size:39px}
h2{font-size:31px}
h3{font-size:23px}
h4{font-size:17px}
h5{font-size:14px}
h6{font-size:11px}
h1 small{font-size:24px}
h2 small{font-size:18px}
h3 small{font-size:16px}
h4 small{font-size:14px}
ol,ul{margin:0 0 10px 25px;padding:0}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
li{line-height:20px}
a{color:#c05b4d;text-decoration:none}
a:focus,a:hover{color:#a5473a;text-decoration:underline}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.center{text-align:center}
html *{color-profile:sRGB;rendering-intent:auto}
body{ background:#f1f1f1;}
.cm-s-solarized-light{background-color:#f8f5ec;color:#637c84}
.cm-s-solarized-light .emphasis{font-weight:700}
.cm-s-solarized-light .dotted{border-bottom:1px dotted #cb4b16}
.cm-s-solarized-light .CodeMirror-gutter{border-right:3px solid #eee8d5;background-color:#eee8d5}
.cm-s-solarized-light .CodeMirror-gutter .CodeMirror-gutter-text{color:#93a1a1}
.cm-s-solarized-light .CodeMirror-cursor{border-left-color:#002b36!important}
.cm-s-solarized-light .CodeMirror-matchingbracket{background-color:#eee8d5;box-shadow:0 0 10px #eee8d5;color:#002b36;font-weight:700}
.cm-s-solarized-light .CodeMirror-nonmatchingbracket{border-bottom:1px dotted #cb4b16;background-color:#eee8d5;box-shadow:0 0 10px #eee8d5;color:#002b36;color:#dc322f;font-weight:700}
.cm-s-solarized-light span.cm-keyword{color:#268bd2}
.cm-s-solarized-light span.cm-atom{color:#2aa198}
.cm-s-solarized-light span.cm-number{color:#586e75}
.cm-s-solarized-light span.cm-def{color:#637c84}
.cm-s-solarized-light span.cm-variable{color:#637c84}
.cm-s-solarized-light span.cm-variable-2{color:#b58900}
.cm-s-solarized-light span.cm-variable-3{color:#cb4b16}
.cm-s-solarized-light span.cm-comment{color:#93a1a1}
.cm-s-solarized-light span.cm-property{color:#637c84}
.cm-s-solarized-light span.cm-operator{color:#657b83}
.cm-s-solarized-light span.cm-string{color:#36958e}
.cm-s-solarized-light span.cm-error{border-bottom:1px dotted #cb4b16;font-weight:700}
.cm-s-solarized-light span.cm-bracket{color:#cb4b16}
.cm-s-solarized-light span.cm-tag{color:#657b83}
.cm-s-solarized-light span.cm-attribute{color:#586e75;font-weight:700}
.cm-s-solarized-light span.cm-meta{color:#268bd2}
.cm-s-solarized-dark{background-color:#002b36;color:#839496}
.cm-s-solarized-dark .emphasis{font-weight:700}
.cm-s-solarized-dark .dotted{border-bottom:1px dotted #cb4b16}
.cm-s-solarized-dark .CodeMirror-gutter{border-right:3px solid #073642;background-color:#073642}
.cm-s-solarized-dark .CodeMirror-gutter .CodeMirror-gutter-text{color:#586e75}
.cm-s-solarized-dark .CodeMirror-cursor{border-left-color:#fdf6e3!important}
.cm-s-solarized-dark .CodeMirror-matchingbracket{background-color:#073642;box-shadow:0 0 10px #073642;color:#fdf6e3;font-weight:700}
.cm-s-solarized-dark .CodeMirror-nonmatchingbracket{border-bottom:1px dotted #cb4b16;background-color:#073642;box-shadow:0 0 10px #073642;color:#fdf6e3;color:#dc322f;font-weight:700}
.cm-s-solarized-dark span.cm-keyword{color:#839496;font-weight:700}
.cm-s-solarized-dark span.cm-atom{color:#2aa198}
.cm-s-solarized-dark span.cm-number{color:#93a1a1}
.cm-s-solarized-dark span.cm-def{color:#268bd2}
.cm-s-solarized-dark span.cm-variable{color:#cb4b16}
.cm-s-solarized-dark span.cm-variable-2{color:#cb4b16}
.cm-s-solarized-dark span.cm-variable-3{color:#cb4b16}
.cm-s-solarized-dark span.cm-comment{color:#586e75}
.cm-s-solarized-dark span.cm-property{color:#b58900}
.cm-s-solarized-dark span.cm-operator{color:#839496}
.cm-s-solarized-dark span.cm-string{color:#6c71c4}
.cm-s-solarized-dark span.cm-error{border-bottom:1px dotted #cb4b16;font-weight:700}
.cm-s-solarized-dark span.cm-bracket{color:#cb4b16}
.cm-s-solarized-dark span.cm-tag{color:#839496}
.cm-s-solarized-dark span.cm-attribute{color:#93a1a1;font-weight:700}
.cm-s-solarized-dark span.cm-meta{color:#268bd2}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;border:none}
html{background:#f9f9f9}
.left{float:left}
.right{float:right}
.container{min-width:960px}
.wrap{margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px;width:960px}
.skinnyWrap{margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px;width:690px}
hr{height:0;border-top:1px solid #ccc;border-bottom:1px solid #eee}
li,ul{margin-left:20px}
h1 .anchor,h2 .anchor,h3 .anchor,h4 .anchor,h5 .anchor,h6 .anchor{position:absolute;margin-top:-50px}
h1:hover .hash-link,h2:hover .hash-link,h3:hover .hash-link,h4:hover .hash-link,h5:hover .hash-link,h6:hover .hash-link{display:inline}
.hash-link{display:none;color:#aaa}
.nav-main{position:fixed;top:0;z-index:100;width:100%;height:50px;background:#222;box-shadow:0 0 5px rgba(0,0,0,.5);color:#fafafa}
.nav-main:after{clear:both;display:table;content:""}
.nav-main a{color:#e9e9e9;text-decoration:none}
.nav-main .nav-site{float:right;margin:0}
.nav-main .nav-site li{margin:0}
.nav-main .nav-site a{display:inline-block;padding:0 8px;height:50px;color:#aaa;text-transform:uppercase;letter-spacing:1px;line-height:50px}
.nav-main .nav-site a:hover{color:#fafafa}
.nav-main .nav-site a.active{border-bottom:3px solid #cc7a6f;background:#333;color:#fafafa}
.nav-main .nav-home{display:inline-block;height:50px;color:#00d8ff;font-size:24px;line-height:50px}
.nav-main .nav-logo{display:inline-block;vertical-align:middle}
.nav-main ul{display:inline}
.nav-main li{display:inline}
.hero{padding-top:50px;height:300px;background:#2d2d2d;color:#e9e9e9;font-weight:300}
.hero .text{text-align:center;font-size:64px}
.hero .minitext{text-align:center;text-transform:uppercase;font-size:16px}
.hero strong{color:#61dafb;font-weight:400}
.buttons-unit{margin-top:60px;text-align:center}
.buttons-unit a{color:#61dafb}
.buttons-unit .button{background:#cc7a6f;color:#fafafa;font-size:24px}
.buttons-unit .button:active{background:#c5695c}
.buttons-unit.downloads{margin:30px 0}
.nav-docs{
    float: left;
    padding-right: 10px;
    width: 130px;
    border-right: 1px solid #e8720d;
    color: #ff0000;
    font-size: 12px;
}
.nav-docs ul{margin:0;list-style:none}
.nav-docs ul ul{margin:6px 0 0 20px}
.nav-docs li{margin:0 0 6px;line-height:14px}
.nav-docs h3{text-transform:uppercase;font-size:10px}
.nav-docs a{display:block;color:#666}
.nav-docs a:hover{color:#cc7a6f;text-decoration:none}
.nav-docs a.active{color:#cc7a6f}
.nav-docs .nav-docs-section{padding:12px 0;border-top:1px solid #eee;border-bottom:1px solid #ccc}
.nav-docs .nav-docs-section:first-child{padding-top:0;border-top:0}
.nav-docs .nav-docs-section:last-child{padding-bottom:0;border-bottom:0}
.nav-blog li{margin-bottom:5px}
.home-section{margin:50px 0}
.home-divider{margin:0 auto;width:400px;border-top-color:#bbb}
.skinny-row:after{clear:both;display:table;content:""}
.skinny-col{float:left;margin-left:40px;width:305px}
.skinny-col:first-child{margin-left:0}
.marketing-row{margin:50px 0}
.marketing-row:after{clear:both;display:table;content:""}
.marketing-col{float:left;margin-left:40px;width:280px}
.marketing-col h3{color:#2d2d2d;text-transform:uppercase;font-weight:400;font-size:24px}
.marketing-col p{font-size:16px}
.marketing-col:first-child{margin-left:0}
#examples h3,.home-presentation h3{margin-bottom:5px;color:#2d2d2d;font-weight:400;font-size:24px}
#examples p{margin:0 0 25px 0;max-width:600px}
#examples .example{margin-top:60px}
#examples #todoExample{font-size:14px}
#examples #todoExample ul{margin:0 0 10px 0;list-style-type:square}
#examples #todoExample input{padding:3px;width:150px;border:1px solid #ccc;font:14px proxima-nova,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}
#examples #todoExample button{margin-left:5px;padding:4px 10px;font:14px proxima-nova,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}
#examples #markdownExample textarea{margin-bottom:10px;padding:5px;border:1px solid #ccc;font:14px proxima-nova,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}
.home-bottom-section{margin-bottom:100px}
.docs-nextprev:after{clear:both;display:table;content:""}
.docs-prev{float:left}
.docs-next{float:right}
footer{overflow:auto;margin-top:36px;margin-bottom:18px;font-weight:600;font-size:13px}
section.black content{padding-bottom:18px}
.blogContent{padding-top:20px}
.blogContent:after{clear:both;display:table;content:""}
.blogContent blockquote{margin:20px 0;padding:5px 15px;border-left:5px solid #f7ebc6;background-color:#f8f5ec}
.documentationContent{padding-top:20px}
.documentationContent:after{clear:both;display:table;content:""}
.documentationContent .subHeader{font-size:24px}
.documentationContent h2{margin-top:50px}
.documentationContent blockquote{margin:20px 0;padding:15px 30px 15px 15px;border-left:5px solid rgba(191,87,73,.2);background-color:rgba(204,122,111,.1)}
.documentationContent blockquote h4{margin-top:0}
.documentationContent blockquote p{margin-bottom:0}
.documentationContent blockquote p:first-child{margin-top:0;font-weight:700;font-size:17.5px;line-height:20px;text-rendering:optimizelegibility}
.docs-prevnext{padding-top:40px;padding-bottom:40px}
.jsxCompiler{margin:0 auto;padding-top:20px;width:1220px}
.jsxCompiler label.compiler-option{display:block;margin-top:5px}
.jsxCompiler #jsxCompiler{margin-top:20px}
.jsxCompiler .playgroundPreview{padding:0;width:600px}
.jsxCompiler .playgroundPreview pre{font-size:.8em;font-family:source-code-pro,Menlo,Consolas,'Courier New',monospace;line-height:1.5}
.jsxCompiler .playgroundError{padding:15px 20px}
.button{display:inline-block;margin:0 12px;padding:8px 16px;border-radius:4px;background:-webkit-linear-gradient(#9a9a9a,#646464);background:linear-gradient(#9a9a9a,#646464);box-shadow:0 1px 1px rgba(0,0,0,.2);color:#fafafa;text-decoration:none;text-decoration:none;text-shadow:0 1px 3px rgba(0,0,0,.3);font-weight:400;font-size:18px}
.button:hover{text-decoration:none}
.button:active{box-shadow:none}
.hero .button{box-shadow:1px 3px 3px rgba(0,0,0,.3)}
.button.blue{background:-webkit-linear-gradient(#77a3d2,#4783c2);background:linear-gradient(#77a3d2,#4783c2)}
.row{padding-bottom:4px}
.row .span4{display:table-cell;width:33.33%}
.row .span8{display:table-cell;width:66.66%}
.row .span6{display:table-cell;width:50%}
p{margin:10px 0;line-height:28px}
.highlight{margin-bottom:20px;padding:10px}
figure{text-align:center}
.inner-content{float:right;width:780px;font-size:16px}
.inner-content h3{margin-top:40px}
.inner-content li{line-height:30px}
.nosidebar .inner-content{float:none;margin:0 auto}
h1:after{clear:both;display:table;content:""}
.edit-page-link{float:right;margin-top:17px;font-weight:400;font-size:16px;line-height:20px}
.post-list-item+.post-list-item{margin-top:60px}
code,div.CodeMirror pre,div.CodeMirror-linenumber{font-size:.8em;font-family:source-code-pro,Menlo,Consolas,'Courier New',monospace;line-height:1.5}
div.CodeMirror-linenumber:after{content:'.'}
.CodeMirror,div.CodeMirror-gutters,div.highlight{border:none}
.CodeMirror-readonly div.CodeMirror-cursor{visibility:hidden}
li code,p code,small code{padding:1px 6px;background-color:rgba(0,0,0,.04);color:#555;font-size:.9em}
.cm-s-default span.cm-string-2{color:inherit}
.playground:after{clear:both;display:table;content:""}
.playground-tab{display:inline-block;padding:6px 8px;border-bottom:none!important;border-radius:3px 3px 0 0;background-color:#f1ede4;color:#c2c0bc;font-weight:700;font-size:12px;cursor:pointer}
.playground-tab,.playgroundCode,.playgroundPreview{border:1px solid rgba(16,16,16,.1)}
.playground-tab-active{color:#222}
.playgroundCode{float:left;overflow:hidden;width:600px;border-radius:0 3px 3px 3px}
.playgroundPreview{float:right;padding:15px 20px;width:280px;border-radius:3px;background-color:#fff}
.playgroundError{color:#c5695c;font-size:15px}
.MarkdownEditor textarea{width:100%;height:100px}
.MarkdownEditor .content{white-space:pre-wrap}
.hll{display:block;margin-right:-14px;margin-left:-14px;padding-left:9px;border-left:5px solid #f7d87c;background-color:#f7ebc6}
.highlight .javascript .err{background-color:transparent;color:inherit}
.highlight{position:relative;overflow:auto;margin-bottom:14px;padding:30px 14px 14px;border:none;border-radius:0}
.highlight pre{margin-top:0;margin-bottom:0;padding:0;border:0;background-color:transparent}
.highlight pre code{display:block;padding:0;background:0 0}
.highlight pre .lineno{display:inline-block;margin-right:10px;padding-right:5px;width:22px;color:#bebec5;text-align:right}
.highlight:after{position:absolute;top:0;right:0;left:0;padding:3px 7px;background-color:#ef6a0b;color:#000;content:"Code";font-weight:700;font-size:12px}
.downloadCenter{margin-top:20px;margin-bottom:25px;text-align:center}
.downloadSection:hover{text-decoration:none!important}
@media screen and (max-width:960px){.nav-main{position:static}
.container{padding-top:0}
}
.post{margin-bottom:30px}
.pagination{overflow:hidden;margin-bottom:30px;width:100%}
.pagination .next{float:right}
div[data-twttr-id] iframe{margin:10px auto!important}
.three-column:after{clear:both;display:table;content:""}
.three-column>ul{float:left;margin-left:30px;width:190px}
.three-column>ul:first-child{margin-left:20px}