body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.spinner{font-size:10px;height:15px;margin:100px auto;text-align:center}.spinner>div{-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both;background-color:#fff;display:inline-block;height:100%;width:6px}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s;margin-right:3px}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s;margin-right:3px}.spinner .bounce3{margin-right:3px}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.primaryButton{align-items:center;background-color:#d93cff;border-radius:5px;cursor:pointer;display:flex;font-weight:500;height:35px;justify-content:center;padding-left:15px;padding-right:15px}.primaryButton:hover{opacity:.75}.secondaryButton{align-items:center;background-color:initial;border:2px solid hsla(0,0%,100%,.25);border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:row;height:35px;justify-content:center;padding-left:15px;padding-right:15px}.secondaryButton:hover{border:2px solid #fff}@media (max-width:1130px){.popup{width:75%!important}}.popup{align-items:center;background-color:#373751;border-radius:10px;box-shadow:0 2px 8px 2px rgba(32,32,48,.5);color:#fff;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;max-width:600px;width:50%;z-index:3}.popupInner{height:72%;justify-content:space-between;padding-bottom:40px;padding-top:40px;width:85%}.popupHeader,.popupInner{display:flex;flex-direction:column}.popupHeading{font-size:26px;font-weight:900;letter-spacing:1.25px}.popupSubheading{color:hsla(0,0%,100%,.65);font-size:16px;font-weight:400;letter-spacing:.5px;padding-top:15px;width:75%}.popupForm{display:flex;flex-direction:column;padding-top:40px}.inputField{align-items:center;display:flex;flex-direction:row;height:45px}.inputText{background-color:initial;border:2px solid hsla(0,0%,100%,.65);border-radius:5px;box-sizing:border-box;color:#fff;font-family:Helvetica Neue;font-size:18px;height:45px;margin-right:15px;outline:none;overflow:hidden;padding-left:15px;padding-top:9px;resize:none;white-space:nowrap;width:100%}.inputText:placeholder{color:hsla(0,0%,100%,.35)}.popupSubmit{height:45px}.instructions{color:hsla(0,0%,100%,.65);display:flex;flex-direction:column;font-size:12px;padding-top:10px}.instructions a{color:#279af1;font-weight:600;text-decoration:none}.instructions a:hover{text-decoration:underline}.lastStep{padding-top:3px}.header{align-items:center;background-color:#202030;border-bottom:2px solid #54546a;border-top:4px solid #d93cff;color:#fff;display:flex;flex-direction:row;font-family:Helvetica Neue;font-size:16px;height:55px;justify-content:space-between;min-height:55px;padding-left:30px;padding-right:30px;padding-top:2px}.header .compactButtons{display:none;position:absolute}@media (max-width:700px){.header .compactButtons{align-items:center;display:flex;flex-direction:row;position:relative}.githubIcon img{height:24px}.githubIcon:hover{opacity:.75}.keyIcon{cursor:pointer;height:16px;margin-left:15px}.keyIcon:hover{opacity:.75}.header .buttons{display:none!important;position:absolute!important}}.header .buttons{align-items:center;display:flex;flex-direction:row;font-weight:600}.header .buttons>a{cursor:pointer;font-weight:400;padding-right:25px}.header .buttons .headerGithubButton a,.header .buttons>a{color:#fff;font-family:Helvetica Neue;font-size:16px;text-decoration:none}.header .buttons .headerGithubButton a{font-weight:500;padding-right:0!important}.apiKeyButton{margin-left:15px}.header .buttons>a:hover{opacity:.75}.logo img{height:20px}@font-face{font-family:Gilroy;src:url(/static/media/Gilroy-ExtraBold.0094146a0505298ed06a.otf) format("opentype")}.landing{background-color:#373751;height:100%;overflow:scroll;position:absolute;width:100%}.landingLHS{margin-top:-80px;padding-left:5%}.landingBody{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-top:125px}@media (max-width:1130px){.landingLHS{align-items:center;display:flex;padding:0!important;width:65%}.landingBody,.landingHeading,.landingLHS{flex-direction:column}.landingHeading{align-items:center;display:flex;text-align:center}.landingTitle{font-size:42px!important}.landingSubtitle{font-size:18px!important}.demoImage{padding-top:60px!important;width:50%!important}}@media (max-width:700px){.landingLHS{width:85%}.landingHeading{width:100%!important}.landingTitle{font-size:32px!important}.landingSubtitle{font-size:16px!important}.ctaButtons{flex-direction:column!important}.githubButton{margin-left:0!important;margin-top:15px}.demoImage{padding-top:40px!important;width:85%!important}}.landingHeading{width:85%}.landingTitle{color:#fff;font-family:Gilroy;font-size:3.25vw;font-weight:900}.landingSubtitle{color:hsla(0,0%,100%,.65);font-family:Helvetica Neue;font-size:1.375vw;font-weight:400;width:85%}.ctaButtons{display:flex;flex-direction:row;font-weight:600;padding-top:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ctaButtons a{text-decoration:none}.getStartedButton{color:#fff;height:45px}.githubButton{height:45px!important;margin-left:15px}.githubButton a{color:#fff;text-decoration:none}.demoImage{padding-right:5%;width:62.5%}.codeEditorContainer{border-bottom:2px solid #54546a;display:flex;flex-direction:column;font-family:Monaco!important;font-size:14px;height:66%;overflow:auto;padding-left:11px;padding-right:24px}.codeEditorHeader{align-items:center;display:flex;flex-direction:row;height:35px;justify-content:space-between;padding-left:18px;padding-top:20px}.languageDropdown__control{background-color:initial!important;border-color:#9b9ba8!important;border-radius:5px!important;border-width:2px!important;height:35px!important;min-height:35px!important}.languageDropdown__single-value{color:#fff!important;font-family:Helvetica Neue;font-size:16px;font-weight:500;margin-top:-5px!important}.languageDropdown__indicators{margin-top:-2px!important}.languageDropdown__indicator-separator{background-color:#9b9ba8!important;margin-bottom:11px!important;margin-top:11px!important;width:2px!important}.languageDropdown__dropdown-indicator{color:#9b9ba8!important}.lintButton{background-color:#279af1;font-family:Helvetica Neue!important;font-size:16px;font-weight:500;margin-right:6px;width:45px!important}.codeEditor{padding-top:20px}.CodeMirror{height:100%!important}.CodeMirror-lines{padding-left:20px!important}.CodeMirror-line{padding-left:5px!important}.CodeMirror-linenumber{margin-left:-20px}.CodeMirror-code>div{padding-bottom:2px}.oldLine{background-color:rgba(39,154,241,.25)}.last{border-radius:0 0 7px 7px}.newLine{background-color:rgba(217,60,255,.25)}.first{border-radius:7px 7px 0 0}.both{border-radius:7px}.mergeLine{background-color:hsla(0,0%,100%,.15)}.useMeHeader{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-family:Helvetica Neue;font-size:12px;font-weight:900;height:40px;padding:0 5px}.oldCodeHeader{background-color:#2f68a1!important;border-radius:7px 7px 0 0!important}.newCodeHeader{background-color:#8839a8!important;border-radius:0 0 7px 7px;position:relative;top:2px}.useMeButton{align-items:center;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;height:30px;justify-content:center;width:65px}.newCodeButton{background-color:#d93cff}.oldCodeButton{background-color:#279af1}.useMeLabel{font-weight:500!important;margin-left:auto;padding-right:5px}.CodeMirror{color:#000;direction:ltr;font-family:monospace;height:300px}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{background-color:#f7f7f7;border-right:1px solid #ddd;white-space:nowrap}.CodeMirror-linenumber{color:#999;min-width:20px;padding:0 3px 0 5px;text-align:right;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{background:#7e7;border:0!important;width:auto}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@-webkit-keyframes blink{50%{background-color:initial}}@keyframes blink{50%{background-color:initial}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:-50px}.CodeMirror-ruler{border-left:1px solid #ccc;bottom:0;position:absolute;top:0}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{background:#fff;overflow:hidden;position:relative}.CodeMirror-scroll{height:100%;margin-bottom:-50px;margin-right:-50px;outline:none;overflow:scroll!important;padding-bottom:50px;position:relative;z-index:0}.CodeMirror-sizer{border-right:50px solid transparent;position:relative}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{display:none;outline:none;position:absolute;z-index:6}.CodeMirror-vscrollbar{overflow-x:hidden;overflow-y:scroll;right:0;top:0}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-x:scroll;overflow-y:hidden}.CodeMirror-scrollbar-filler{bottom:0;right:0}.CodeMirror-gutter-filler{bottom:0;left:0}.CodeMirror-gutters{left:0;min-height:100%;position:absolute;top:0;z-index:3}.CodeMirror-gutter{display:inline-block;height:100%;margin-bottom:-50px;vertical-align:top;white-space:normal}.CodeMirror-gutter-wrapper{background:none!important;border:none!important;position:absolute;z-index:4}.CodeMirror-gutter-background{bottom:0;position:absolute;top:0;z-index:4}.CodeMirror-gutter-elt{cursor:default;position:absolute;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:initial}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:initial}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{word-wrap:normal;-webkit-tap-highlight-color:transparent;-webkit-font-feature-settings:"calt";font-feature-settings:"calt";background:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;line-height:inherit;margin:0;overflow:visible;position:relative;white-space:pre;z-index:2}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.CodeMirror-linewidget{padding:.1px;position:relative;z-index:2}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{box-sizing:initial}.CodeMirror-measure{height:0;overflow:hidden;position:absolute;visibility:hidden;width:100%}.CodeMirror-cursor{pointer-events:none;position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{position:relative;visibility:hidden;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.cm-s-dracula .CodeMirror-gutters,.cm-s-dracula.CodeMirror{background-color:#373751!important;border:none;color:#e5fcff!important}.cm-s-dracula .CodeMirror-gutters{color:#140c58}.cm-s-dracula .CodeMirror-cursor{border-left:thin solid #e5fcff}.cm-s-dracula .CodeMirror-linenumber{color:#8985ab}.cm-s-dracula .CodeMirror-selected{background:hsla(0,0%,100%,.1)}.cm-s-dracula .CodeMirror-line::selection,.cm-s-dracula .CodeMirror-line>span::selection,.cm-s-dracula .CodeMirror-line>span>span::selection{background:hsla(0,0%,100%,.1)}.cm-s-dracula .CodeMirror-line::-moz-selection,.cm-s-dracula .CodeMirror-line>span::-moz-selection,.cm-s-dracula .CodeMirror-line>span>span::-moz-selection{background:hsla(0,0%,100%,.1)}.cm-s-dracula span.cm-comment{color:#6272a4}.cm-s-dracula span.cm-string,.cm-s-dracula span.cm-string-2{color:#f1fa8c}.cm-s-dracula span.cm-number{color:#bd93f9}.cm-s-dracula span.cm-variable,.cm-s-dracula span.cm-variable-2{color:#fff}.cm-s-dracula span.cm-def{color:#279af1}.cm-s-dracula span.cm-keyword,.cm-s-dracula span.cm-operator{color:#d93cff}.cm-s-dracula span.cm-atom{color:#bd93f9}.cm-s-dracula span.cm-meta{color:#f8f8f2}.cm-s-dracula span.cm-tag{color:#d93cff}.cm-s-dracula span.cm-attribute,.cm-s-dracula span.cm-qualifier{color:#50fa7b}.cm-s-dracula span.cm-property{color:#66d9ef}.cm-s-dracula span.cm-builtin{color:#45f0df}.cm-s-dracula span.cm-type,.cm-s-dracula span.cm-variable-3{color:#fff}.cm-s-dracula .CodeMirror-activeline-background{background:hsla(0,0%,100%,.1)}.cm-s-dracula .CodeMirror-matchingbracket{color:#fff!important;text-decoration:underline}@media (max-width:700px){.errorMessage{height:50%!important}}.errorMessage{display:flex;flex-direction:column;height:33%;overflow:scroll}.errorMessageHeader{align-items:center;display:flex;flex-direction:row;font-weight:500;justify-content:space-between;padding-left:30px;padding-right:30px;padding-top:20px}.debugButton{background-color:#d93cff;width:45px}.errorMessageInput{background-color:#54546a;border:0;border-radius:10px;box-sizing:border-box;color:#fff;font-family:Monaco;font-size:14px;height:100%;margin-bottom:15px;margin-left:30px;margin-top:20px;outline:none;padding:15px 15px 15px 20px;resize:none;width:calc(100% - 60px)}.errorMessageInput:placeholder{color:#d4d4d9}.errorExplanation{border-left:2px solid #54546a;font-weight:500;padding-left:30px;padding-right:30px;padding-top:20px;width:33%}.errorExplanationHeader{padding-top:8px}.errorExplanationHeader p{color:hsla(0,0%,100%,.75);font-family:Monaco;font-size:14px;font-weight:400;line-height:22px;overflow:auto;padding-top:6px}.popupLayer{align-items:center;background-color:rgba(32,32,48,.8);justify-content:center;z-index:2}.app,.popupLayer{display:flex;height:100%;position:absolute;width:100%}.app{background-color:#373751;color:#fff;flex-direction:column;font-family:Helvetica Neue;font-size:16px}.app .body{display:flex;flex-direction:row;height:calc(100% - 55px);overflow:auto}.app .body .lhs{display:flex;flex-direction:column;height:100%;width:66%}@media (max-width:700px){.app .body{flex-direction:column;width:100%}.app .body .lhs{height:66%;width:100%}.errorExplanation{border-left:0!important;border-top:2px solid #54546a;height:34%!important;padding-left:0!important;padding-right:0!important;width:100%}.errorExplanationHeader{padding-left:30px}.errorExplanationHeader p{padding-right:30px}}
/*# sourceMappingURL=main.b7f9d58b.css.map*/