@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Source+Code+Pro);.Toolbar{display:flex;padding:20px 15px;z-index:4;align-items:center;background-color:#fff}.Toolbar .selected{color:#6bcebb}.Toolbar .logo{display:flex;align-items:center}.Toolbar a{margin:0 15px;color:#606770;font-weight:700}.Toolbar a:hover{color:#6bcebb}.Toolbar .ToolbarToggle{font-size:16px}.Toolbar .ToolbarToggle i{margin-right:5px}@media only screen and (max-width:576px){.Toolbar{padding:10px 5px}.Toolbar a{margin:0 10px}.Toolbar .ToolbarToggle,.Toolbar a{font-size:12px}}.Footer{display:flex;padding:20px 15px;z-index:4;align-items:center;background-color:#fff}.Footer svg{width:30px;height:30px}.Footer svg path{fill:#606770}.Footer .logoOSS{display:flex;align-items:center;color:#606770}.Footer .logoOSS svg{margin-right:20px}.Footer a{margin:0 15px;color:#606770;font-weight:700}.Footer a:hover{color:#6bcebb}.Footer .SocialNetwork{display:flex;margin-left:auto}@media only screen and (max-width:576px){.Footer{padding:10px 5px}.Footer .logoOSS svg{margin-right:10px}.Footer a{margin:0 10px;font-size:12px}}body,html{margin:0;padding:0;font-family:Open Sans,sans-serif;color:#303845;font-size:16px}code,pre{font-family:Source Code Pro,monospace}h1,h2{font-weight:500}.gatsby-highlight pre[class*=language-]{background:none;padding:0;font-size:14px;margin-bottom:15px}.Page{min-height:100vh}.Page,.PageContent{display:flex;flex-direction:column}.PageContent{flex-grow:1}.PageContent.withSpacing{padding-top:35px}.Page .ant-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding-left:11px;padding-right:11px}.Page .ant-dropdown-trigger .anticon{margin-top:3px}code[class*=language-],pre[class*=language-]{color:#000;background:none;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}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[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}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.Padded{width:100%;max-width:1200px;padding:0 50px;margin-left:auto;margin-right:auto}@media only screen and (max-width:576px){.Padded{padding:0 20px}}.doc-block.playground{height:1vh}.no-playground .markdown{padding-top:50px}.doc-block .markdown{padding-bottom:20px}.doc-block .overview{font-size:12px;font-weight:600;padding-bottom:30px}.doc-block h1{color:#444950;font-size:48px;font-weight:300;line-height:110%}.doc-block h2{color:#444950;font-size:32px;font-weight:400;line-height:120%;margin-top:30px}.doc-block h3{line-height:180%;font-weight:700;text-transform:uppercase}.doc-block h3,.doc-block p{font-size:14px;color:#444950}.doc-block p{line-height:160%;font-weight:400}.doc-block li{color:#444950;line-height:150%;font-size:14px;font-weight:400;margin-bottom:8px}.doc-block .prop{margin-bottom:20px}.doc-block pre{background-color:#f5f5f5!important;border-radius:3px;padding:10px!important}.doc-block code,.doc-block pre{background-color:#f5f5f5;border-radius:3px;padding-left:3px;padding-right:3px}@media only screen and (max-width:992px){.playground .Playground,.playground controls{display:none}}@media only screen and (max-width:576px){.no-playground .markdown{padding-top:15px}.doc-block .markdown{padding-bottom:10px}.doc-block .overview{font-size:12px;font-weight:600;padding-bottom:10px}.doc-block h1{font-size:32px;font-weight:400}.doc-block h2{font-size:24px;margin-top:20px}.doc-block h3{font-size:16px}.doc-block p{line-height:160%;font-size:14px}.doc-block li{font-size:14px;margin-bottom:5px}.doc-block .prop{margin-bottom:10px}.doc-block pre{padding:5px!important}.doc-block code{font-size:12px}}.PositionGuide{position:absolute;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:10px;user-select:none}.YogaNode{background:#fff;position:absolute;transform:scale(1);box-shadow:inset 0 0 0 1px rgba(48,56,69,.2);transition:all .2s,outline 0s,box-shadow 0s;cursor:pointer}.YogaNode.hover{background-color:#f0fff9}.YogaNode .YogaNode{background:hsla(0,0%,100%,.7)}.YogaNode .YogaNode.hover{background:rgba(240,255,249,.7)}.YogaNode:focus{outline:0}.YogaNode.focused{box-shadow:0 0 0 2px #68cfbb,0 0 15px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.2);z-index:2}.YogaNode.invisible{transform:scale(0)}.YogaNode .label{user-select:none;pointer-events:none;position:absolute;left:0;bottom:0;right:0;top:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:300;letter-spacing:1px}.CodeGeneratorsTitle{display:flex;justify-content:space-between}.CodeGeneratorsTitle a{font-size:13px;font-weight:400;margin-right:20px}.CodeGeneratorsCopyText{position:absolute;top:-9999em;left:-9999em;pointer-events:none;width:0;height:0}.YogaEnumSelect{display:flex}.YogaEnumSelect.ant-radio-group .ant-radio-button-wrapper{flex-grow:1;flex-basis:0;text-align:center}.YogaEnumSelect .ant-btn{flex-grow:1;flex-basis:0}.YogaEnumSelect .ant-radio-button-wrapper{white-space:nowrap}.YogaPositionEditor{text-align:center;width:60%;margin:20px auto}.YogaPositionEditor input{width:55px;text-align:center}.YogaPositionEditorRow{display:flex;justify-content:space-between;align-items:center;flex-direction:row;font-size:12px;font-weight:700;color:#444950}.InfoText{max-width:230px;line-height:130%}.InfoText .docs-link{margin-top:0;font-size:12px;font-weight:600}.InfoTextIcon{margin-left:5px;opacity:.5}.Editor{flex-direction:column;height:100%;border-top:1px solid #e8e8e8}.Editor,.Editor .field{display:flex}.Editor .ant-btn{width:100%}.Editor h2{margin-bottom:8px;margin-top:20px;font-size:12px;font-weight:700;color:#444950;text-transform:uppercase}.Editor h2:first-child{margin-top:0}.Editor .ant-tabs-nav .ant-tabs-tab{margin-left:16px}.Editor .EditorTabs{flex-grow:1}.Editor .ant-tabs{display:flex;flex-direction:column}.Editor .ant-tabs-bar{margin-bottom:0}.Editor .ant-tabs-tabpane{overflow-y:scroll;padding:15px}.Editor .EditorButtons{padding:15px}.Sidebar{position:absolute;z-index:3;top:0;right:0;width:350px;background:#fff;display:flex;flex-direction:column;margin:25px;max-height:calc(100% - 50px);border-radius:6px;bottom:auto;box-shadow:3px 3px 15px rgba(0,0,0,.15)}.PlaygroundContainer{flex-direction:row}.Playground,.PlaygroundContainer{display:flex;flex-grow:1;width:100%}.Playground{position:relative;overflow:hidden;background:linear-gradient(-90deg,rgba(0,0,0,.02) 1px,transparent 0),linear-gradient(rgba(0,0,0,.02) 1px,transparent 0),linear-gradient(-90deg,rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(transparent 4px,#f5f5f5 0,#f5f5f5 97px,transparent 0),linear-gradient(-90deg,#e5e5e5 1px,transparent 0),linear-gradient(-90deg,transparent 4px,#f5f5f5 0,#f5f5f5 97px,transparent 0),linear-gradient(#e5e5e5 1px,transparent 0),#f5f5f5;background-size:10px 10px,10px 10px,100px 100px,100px 100px,100px 100px,100px 100px,100px 100px,100px 100px}.Playground>.YogaNode{margin:auto;position:static;align-self:center}.Playground.standalone>.YogaNode{transform:translateX(-175px)}.Playground .Actions{padding:15px}.Playground .Actions .ant-btn{width:100%}.Playground .NoContent{border-top:1px solid #e8e8e8;font-size:18px;padding:30px 50px;text-align:center;color:#d9d9d9;font-weight:300;line-height:130%}.ant-modal-content{overflow:hidden}.DocsSidebar{height:100%;width:450px;padding:36px;padding-top:0;border-right:1px solid #dddfe2;overflow:auto}.DocsSidebar h3{margin-bottom:0}.DocsSidebar h4{margin-top:10px;margin-bottom:5px}@media only screen and (max-width:992px){.DocsSidebar{width:100%;padding:20px;padding-top:0;border:none}}.docs-landing .heading{padding-top:50px;padding-bottom:50px}.docs-landing h1{color:#444950;font-size:48px;font-weight:300;line-height:110%}.docs-landing p{color:#444950;font-size:16px;font-weight:400;line-height:180%}.category{display:flex;flex-direction:column;margin-bottom:50px}.category h2{font-size:16px;font-weight:700}.category a{font-size:16px;font-weight:400;line-height:250%;color:#606770}.category a:hover{color:#6bcebb;text-decoration:underline}@media only screen and (max-width:576px){.docs-landing .heading{padding-top:20px;padding-bottom:20px}.docs-landing h1{font-size:32px;font-weight:400}.docs-landing p{line-height:160%;font-size:14px}.category{margin-bottom:20px}.category a{line-height:200%}}.landing-page .hero{padding-top:100px;padding-bottom:100px;display:flex;align-items:center}.landing-page .hero h3{color:#bec3c9;font-size:16px;font-weight:700;line-height:200%}.landing-page .hero h1{color:#444950;font-size:48px;font-weight:300;line-height:110%}.landing-page .hero p{color:#444950;line-height:180%;font-size:18px;font-weight:400;margin-bottom:1.5em}.landing-page .hero .button{color:#fff;font-size:14px;font-weight:700;padding:12px 30px;height:auto}.landing-page .hero .blueprint{border:1px dashed #444950}.landing-page .hero .blueprint-container{position:relative;margin:auto;height:300px;width:300px}.landing-page .hero .blueprint-avatar{position:absolute;left:15px;top:15px;height:50px;width:50px}.landing-page .hero .blueprint-title{position:absolute;left:80px;top:20px;height:15px;width:150px}.landing-page .hero .blueprint-subtitle{position:absolute;left:80px;top:40px;height:15px;width:80px}.landing-page .hero .blueprint-content{position:absolute;left:15px;right:15px;bottom:15px;top:80px}.landing-page hr{width:100%;height:1px;background-color:#bec3c9;border-width:0}.landing-page .about-section{padding-top:100px;padding-bottom:100px}.landing-page .about-section h1{color:#444950;font-size:32px;font-weight:400;line-height:120%}.landing-page .about-section h3{color:#6bcebb;font-size:16px;font-weight:700;margin-top:50px}.landing-page .about-section p{color:#444950;line-height:180%;font-size:16px;font-weight:400}.landing-page .logo-group{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:50px}.landing-page .logo-group .logo{display:flex;flex-direction:column;align-items:center;margin-right:100px}.landing-page .logo-group img{height:130px}.landing-page .logo-group .logo h3{color:#606770;font-size:14px;font-weight:600;margin-top:20px;text-align:center}footer{display:flex;padding:20px 15px;padding-left:87px;z-index:4;align-items:center;background-color:#fff}footer a{margin:0 15px;color:#606770}footer a:hover{color:#6bcebb}@media only screen and (max-width:576px){.landing-page .hero{padding-top:20px;padding-bottom:20px}.landing-page .hero h3{font-size:14px}.landing-page .hero h1{font-size:32px;font-weight:400}.landing-page .hero p{line-height:160%;font-size:14px}.landing-page .about-section{padding-top:50px;padding-bottom:50px}.landing-page .about-section h1{font-size:24px;line-height:120%}.landing-page .about-section h3{font-size:14px;margin-top:20px}.landing-page .about-section p{line-height:160%;font-size:14px}.landing-page .logo-group .logo{width:33%;padding:20px;margin-right:0}.landing-page .logo-group img{height:auto;width:100%}.landing-page .logo-group .logo h3{font-size:10px;margin-top:10px}}.playground-page{display:flex;flex:1}.playground-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.playground-page .error-text{color:#444950;line-height:180%;font-size:16px;font-weight:400;text-align:center}
/*# sourceMappingURL=build-js-styles.css.map*/