@import url(https://rsms.me/inter/inter.css);body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre{color:var(--colour-white);font-family:Inconsolata,monospace}:root{--colour-bg:#131313;--colour-text:#ccc;--colour-button:#222;--colour-primary:#5f0fd1;--colour-secondary:#0fa6d1;--colour-white:#eee;--colour-black:#050505;--colour-grey-dark:#111;--colour-grey:#222;--colour-grey-light:#333;--colour-grey-lighter:#666;--colour-grey-lightest:#999;--colour-pink:#d10fc9;--colour-purple:var(--colour-primary);--colour-blue:#0fa6d1;--colour-green:#0fd165;--colour-yellow:#e7d210;--colour-orange:#ff5c13;--colour-yellow-dark:#a39513;--font-size-xs:0.7rem;--font-size-sm:0.8rem;--font-size-md:1rem;--font-size-lg:1.2rem;--font-size-xlg:1.5rem;--font-size-xxlg:2rem;--font-size-xxxlg:3.5rem;--baseline:0.5rem;--baseline-half:calc(var(--baseline)*0.5);--baseline-1:var(--baseline);--baseline-2:calc(var(--baseline)*2);--baseline-3:calc(var(--baseline)*3);--baseline-4:calc(var(--baseline)*4);--baseline-5:calc(var(--baseline)*5);--baseline-6:calc(var(--baseline)*6);--baseline-8:calc(var(--baseline)*8);--baseline-16:calc(var(--baseline)*16);--border-radius:4px;--container-md:45rem}.global_text-uppercase__3SIXn{font-weight:300;font-size:.8rem;font-size:var(--font-size-sm);letter-spacing:.15em;text-transform:uppercase}p{line-height:1.5}.App{text-align:center}.demoButton{margin-right:var(--baseline-2);padding:var(--baseline-2);color:var(--colour-white);font-size:inherit;background-color:var(--colour-primary);border:none;border-radius:4px;&:active{background-color:var(--colour-secondary)}}.codeTitle{font-size:var(--baseline-4);font-weight:500;text-align:left}a{background:linear-gradient(160deg,#5f0fd1,#0fa6d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.code-theme,.prism-code.builtin-prism-theme{overflow:hidden;background-color:var(--colour-black);font-family:Inconsolata,monospace!important;line-height:1.3!important;color:#ccc!important}.code-theme .comment,.prism-code.builtin-prism-theme .comment{color:var(--colour-grey-lighter)}.code-theme .attr-value,.prism-code.builtin-prism-theme .attr-value{color:var(--colour-green)}.code-theme .token-line,.prism-code.builtin-prism-theme .token-line{line-height:1.3}.code-theme .number,.prism-code.builtin-prism-theme .number{color:var(--colour-orange)!important}.code-theme .class-name,.code-theme .tag,.code-theme .token.tag,.prism-code.builtin-prism-theme .class-name,.prism-code.builtin-prism-theme .tag,.prism-code.builtin-prism-theme .token.tag{color:var(--colour-yellow)!important}.code-theme .script,.prism-code.builtin-prism-theme .script{color:var(--colour-orange)}.code-theme .operator,.prism-code.builtin-prism-theme .operator{color:var(--colour-purple)}.code-theme .function,.prism-code.builtin-prism-theme .function{color:var(--colour-blue)!important}.code-theme .punctuation,.prism-code.builtin-prism-theme .punctuation{color:var(--colour-grey-lightest)!important}.code-theme .string,.prism-code.builtin-prism-theme .string{color:var(--colour-green)!important}.code-theme .keyword,.prism-code.builtin-prism-theme .keyword{color:var(--colour-pink)}.code-theme .attr-name,.prism-code.builtin-prism-theme .attr-name{color:var(--colour-yellow-dark)!important}.code-pane{font-size:32px!important}.code-pane pre{padding:1rem 2rem!important}.react-live{display:flex;justify-content:center}.react-live__editor{flex:1 1;margin-right:1em;max-width:1000px}.react-live__editor pre,.react-live__editor textarea{padding:1rem 2rem!important}.react-live__editor textarea:focus{outline-color:var(--colour-primary)}.react-live__preview-pane{position:relative;display:flex;flex:1 1;justify-content:center;align-items:center;font-size:var(--font-size-xxlg)}.react-live__preview-pane button{padding:var(--baseline-2);color:var(--colour-white);font-size:inherit;background-color:var(--colour-primary);border:none;border-radius:4px}.react-live__preview-pane button:active{background-color:var(--colour-secondary)}.react-live__error{position:absolute;top:0;margin:0;background-color:var(--colour-bg);text-align:left;line-height:1.3}
/*# sourceMappingURL=main.eb85728b.chunk.css.map */