.nav{background-color:#00b3a4!important}.nav .bp3-icon{color:hsla(0,0%,100%,.9)!important;transition:color .3s!important}.nav .bp3-icon:hover{color:#fff!important}.bp3-navbar-heading{margin-top:4px}.nav a{color:#f5f8fa!important}.bp3-toast.tweet p{margin:10px 0 14px;font-size:16px;border-left:2px solid hsla(0,0%,100%,.5);padding-left:8px;line-height:22px}.bp3-toast.tweet #share-button{color:#333!important}.instruments{z-index:1;width:270px;position:absolute;background:#f5f8fa;margin:20px;padding:8px 15px 5px;right:0;border-radius:2px;color:rgba(0,0,0,.7);font-size:small}.instruments.hidden{display:none}.instruments label .bp3-icon{opacity:.2;margin-left:4px}.instruments .bp3-button.copy,.instruments .bp3-button.share{margin:10px 0}.instruments .bp3-tab-panel{margin-top:14px}.instruments .bp3-tab-list>:not(:last-child){margin-right:14px}.instruments .bp3-tab-indicator{background-color:#00b3a4!important}.instruments .bp3-tab:hover,.instruments .bp3-tab[aria-selected=true]{color:#00b3a4!important}.instruments .bp3-control.bp3-switch input:checked~.bp3-control-indicator{background-color:#00b3a4!important}#output{height:100%!important;width:100%!important;font-family:Consolas,Menlo,monospace;font-size:14px;-webkit-font-smoothing:antialiased}.output{transition:opacity .15s ease-in-out}.output.blank{opacity:0}@media (max-width:1100px){#output{font-size:13px}}.sidebar{background-color:#08212a;padding:10px;width:480px}.sidebar .controls{display:flex;flex-direction:row}.sidebar.bp3-dark label.bp3-label{color:hsla(0,0%,100%,.6);font-size:small;margin-bottom:10px}.sidebar .controls .top-level{flex-grow:1}.sidebar .controls .top-level input{background-color:#0d2b35;width:100%}.sidebar .controls .source-type{width:150px;margin:0 4px}.sidebar .controls .sample-button{margin-top:21px}.safari .sidebar .controls .sample-button{margin-top:19px}.sidebar .controls .language-button{display:none}.json-error-marker{position:absolute;background:rgba(255,0,0,.3);font-family:"Icons16";padding-left:2px;color:#fff}.json-error-marker:before{content:"\E648"}.tree-container{height:220px;margin-bottom:8px;background-color:#0d2b35;overflow:scroll;border-radius:3px;display:none}.multisource .tree-container{display:inherit}.tree-container .tree-controls{float:right;margin-bottom:-30px}.tree-container .bp3-tree-node-content-1{padding-left:unset}.bp3-tree-node.add{opacity:.4;transition:opacity .2s}.bp3-tree-node.add:hover{opacity:unset;cursor:pointer}.bp3-dark .bp3-tree-node.bp3-tree-node-selected>.bp3-tree-node-content{background-color:hsla(0,0%,100%,.15)!important}@media (max-width:1100px){.sidebar{min-width:380px}}.app{display:flex;flex-direction:column}.app .drop-target{z-index:99999;opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;transition:opacity .3s ease-in-out}.app.dragging .drop-target{opacity:1;background:rgba(0,0,0,.3)}.main{display:flex;height:calc(100vh - 50px)}.output{flex-grow:1}.progress-toast{font-size:86%;color:#555}.progress-toast .bp3-progress-bar{margin-top:7px}.progress-toast .bp3-button{display:none}@media (max-width:800px){.no-mobile,.sidebar .source-type,.sidebar .top-level{display:none!important}#output,#source{font-size:9px}.sidebar{width:100%!important;min-width:unset;padding:0}.sidebar .controls .language-button,.sidebar .controls .sample-button{margin:6px 0 6px 6px}.sidebar .controls .language-button{display:unset}.safari .sidebar .controls .sample-button{margin-top:6px}#source{width:calc(100vw - 12px)!important;height:calc(45vh - 100px)!important;margin:0 auto 6px}.main{flex-direction:column}#output{height:55vh!important}.instruments{margin-top:54px}}

/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.font-medium{font-weight:500}.font-black{font-weight:900}.h-6{height:1.5rem}.text-base{font-size:1rem;line-height:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-3{margin-left:.75rem}.max-w-7xl{max-width:80rem}.p-2{padding:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.fixed{position:fixed}.inset-x-0{right:0;left:0}.bottom-0{bottom:0}.resize{resize:both}*{--tw-shadow:0 0 transparent;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-6{width:1.5rem}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}html{-ms-overflow-style:-ms-autohiding-scrollbar}body{margin:0;padding:0;font-family:sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.ace_editor .ace_scrollbar{transition:opacity .15s ease-in;opacity:0}.ace_editor .ace_scrollbar:hover{opacity:1}.bp3-control.bp3-switch:hover input:checked~.bp3-control-indicator,.bp3-control.bp3-switch input:checked~.bp3-control-indicator{background-color:#00b3a4}.bp3-control.bp3-switch input:checked~.bp3-control-indicator:hover{background-color:#00a193}.bg-gradient,.text-gradient{background:linear-gradient(90deg,#00cb5e 0,#7283ff 50%,#d239b6)}.text-gradient{-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width:640px){.sm\:inline{display:inline}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:inline{display:inline}.md\:hidden{display:none}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}
/*# sourceMappingURL=main.02d5b278.chunk.css.map */