body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-y:scroll}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:grid;grid-template-areas:"App-navbar App-content";grid-template-columns:auto 1fr;grid-template-rows:1fr;height:100vh}.App-navbar{background-color:#171717;color:#fff;display:flex;flex-direction:column;font-size:.9em;grid-area:App-navbar;padding:1rem 1rem 150px}.App-navbar>.App-navbar-logo{height:50px;margin:0 auto 10px;width:50px}.App-navbar>.App-navbar-title{align-self:center;color:#577bae;font-weight:700}.App-navbar>.App-navbar-subtitle{align-self:center;color:#ae5757;font-size:.8em;font-weight:700;margin-bottom:30px}.App-navbar>.App-navbar-header{text-wrap:nowrap;color:#4b505d;font-weight:700;margin-top:10px}.App-navbar>.App-navbar-item{border-left:1px solid #4c505c;color:#fff;display:block;margin-left:5px;padding-left:10px;text-decoration:none}.App-navbar>.App-navbar-item:hover{color:#b3cef3}.App-navbar>.App-navbar-item.Selected{border-left:3px solid #67a5fc;color:#67a5fc;margin-left:4px;padding-left:9px}.App-navbar>.App-navbar-item.Wip:after{color:#ff7d99;content:"WIP";font-size:.6em;margin-left:5px;vertical-align:super}.App-content{align-items:center;display:flex;flex-direction:column;grid-area:App-content}.App-content-body{color:#fff;max-width:800px;padding:1rem;width:100%}.spread-grid{background:#fff}.Paragraph code{background-color:#ffffff22;border-radius:.2em;color:#67a5fc;font-weight:600;padding:0 .4em}.Paragraph.CodeBlock code{color:#f92672}.Paragraph a{color:#94fc67;text-decoration:none}.Paragraph strong{color:#94c1ff}.Section{border-left:1px solid #3a5d8d;padding-left:10px}.SubHeader{color:#67a5fc;margin-bottom:1em;margin-top:3em;padding-left:-1em}.CodeBlock{--border-color:#3a3a3a;--editor-background:#1f2229;border-radius:10px;font-size:.9em;margin-bottom:10px}.CodeBlock-header{padding:5px 5px 0 0}.CodeBlock-header button{background:#0000;border:solid var(--border-color);border-radius:5px 5px 0 0;border-width:1px 1px 0;color:#999;margin:0 5px -1px 0;padding:3px 10px}.CodeBlock-header button.selected{background:var(--editor-background);color:#fff}.CodeBlock-header button>span{color:#ffffff22}.CodeBlock-body{background:var(--editor-background);border:1px solid var(--border-color);color:#ffb6c1;margin:0;overflow-x:auto;padding:5px}.CodeBlock-body code{display:block}.CodeBlock-body code.collapse{cursor:pointer;max-height:2.5em;opacity:.1;overflow:hidden}.CodeBlock-body code.collapse:hover{opacity:.5}.CodeBlock-body code.collapse:active,.CodeBlock-body code.collapse:focus{cursor:auto;max-height:none;opacity:1}.CodeBlock-arrows{color:#3a5d8d;display:flex;flex-direction:row;font-family:Calibri;justify-content:space-around;margin-bottom:2px;-webkit-user-select:none;user-select:none}code[class*=language-],pre[class*=language-]{color:#c5c8c6;direction:ltr;font-family:Inconsolata,Monaco,Consolas,Courier New,Courier,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;text-shadow:0 1px #0000004d;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{border-radius:.3em;margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#1d1f21}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#7c7c7c}.token.punctuation{color:#c5c8c6}.namespace{opacity:.7}.token.keyword,.token.property,.token.tag{color:#96cbfe}.token.class-name{color:#ffffb6;text-decoration:underline}.token.boolean,.token.constant{color:#9c9}.token.deleted,.token.symbol{color:#f92672}.token.number{color:#ff73fd}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a8ff60}.token.variable{color:#c6c5fe}.token.operator{color:#ededed}.token.entity{color:#ffffb6;cursor:help}.token.url{color:#96cbfe}.language-css .token.string,.style .token.string{color:#87c38a}.token.atrule,.token.attr-value{color:#f9ee98}.token.function{color:#dad085}.token.regex{color:#e9c062}.token.important{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.Example{--background-color-1:#202228;--background-color-2:#292c33;align-items:center;background:repeating-linear-gradient(45deg,var(--background-color-1),var(--background-color-1) 10px,var(--background-color-2) 10px,var(--background-color-2) 20px);border:1px solid #3a3a3a;display:flex;flex-direction:row;justify-content:center;padding:15px}.Example>.Example-inner{background:#fff;display:flex;flex-direction:column;max-height:600px;max-width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.WorkInProgress{display:flex;flex-direction:column}.WorkInProgress>label:first-child{align-self:center;color:#ff7d99;margin-bottom:20px;margin-top:3em}.WorkInProgress>label:nth-child(2){align-self:center;color:#8c4756;margin-bottom:20px;margin-top:-20px}.WorkInProgress>.Steps{background-color:#252629;border-radius:20px;display:flex;flex-direction:row;justify-content:space-around}.WorkInProgress>.Steps>.Step{flex:1 1;font-size:.8em;margin:5px;text-align:center}.WorkInProgress>.Steps>.Step:not(.Current){opacity:.3}.WorkInProgress>.Steps>.Step:after{display:block;font:20px Calibri,sans-serif;margin-top:5px;text-align:center}.WorkInProgress>.Steps>.Step.Next:after{color:#4b505d;content:"→"}.WorkInProgress>.Steps>.Step.Current:after{animation:spin 2s linear infinite;color:#67a5fc;content:"↻"}.WorkInProgress>.Steps>.Step.Done:after{color:#73fc67;content:"✓"}
/*# sourceMappingURL=main.db8767fc.css.map*/