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