@import url(https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Michroma&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#000;color:#fff;justify-content:space-between;margin-bottom:30px;padding:10px 20px}.navbar,.navbar .brand{align-items:center;display:flex}.navbar .brand{font-family:Michroma,sans-serif;font-size:1.8rem;gap:15px}.brand .logo{margin-top:8px}.select-container{color:#000;width:25vw}.select-dropdown{text-transform:capitalize;width:100%}@media screen and (max-width:769px){.navbar .brand{font-size:1.5rem}.brand .logo{margin-top:6px}.brand .logo img{height:40px;width:40px}.select-container{font-size:.8rem;width:30vw}}@media screen and (max-width:426px){.navbar .brand{font-size:1rem}.brand .logo{margin-top:4px}.brand .logo img{height:32px;width:32px}.select-container{font-size:.7rem;width:33vw}}.container{grid-gap:20px;display:grid;font-family:Ubuntu Mono,monospace;gap:20px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));height:80vh;margin:10px auto;width:90vw}.container>*{background-color:#fff;border:5px;border-radius:20px;border-style:solid;padding:20px 10px}.container>:first-child{grid-row-end:3;grid-row-start:1}@media screen and (max-width:769px){.container{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,3fr) minmax(0,2fr);height:120vh}.container>:first-child{grid-column-end:3;grid-column-start:1;grid-row-end:2}}@media screen and (max-width:426px){.container{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,4fr) repeat(2,minmax(0,2fr))}.container>:first-child{grid-column-end:2}}.heading{font-size:1.5rem}.banner{display:flex;justify-content:space-between}.buttons{gap:10px}.buttons,.run-btn{align-items:center;display:flex}.run-btn{background-color:initial;border:none;cursor:pointer;-webkit-filter:opacity(.8);filter:opacity(.8);height:32px;justify-content:center;padding:0;width:32px}.run-btn img{height:28px;width:28px}.run-btn:disabled,.run-btn:disabled:active{background-color:#fff;cursor:default;-webkit-filter:opacity(.6);filter:opacity(.6)}.run-btn:active{-webkit-filter:opacity (1);filter:opacity (1);-webkit-filter:brightness(.8);filter:brightness(.8)}.copy-btn{align-items:center;background-color:#fff;border:none;cursor:pointer;display:flex;-webkit-filter:opacity(.8);filter:opacity(.8);height:28px;justify-content:center;padding:0;width:28px}.copy-btn img{height:24px;width:24px}.copy-btn:disabled,.copy-btn:disabled:active{background-color:initial;cursor:default;-webkit-filter:opacity(.6);filter:opacity(.6)}.copy-btn:active{-webkit-filter:opacity(1);filter:opacity(1)}.clear-btn{align-items:center;background-color:#fff;border:none;cursor:pointer;display:flex;-webkit-filter:opacity(.8);filter:opacity(.8);height:28px;justify-content:center;padding:0;width:28px}.clear-btn img{height:24px;width:24px}.clear-btn:disabled,.clear-btn:disabled:active{background-color:initial;cursor:default;-webkit-filter:opacity(.6);filter:opacity(.6)}.clear-btn:active{-webkit-filter:opacity(1);filter:opacity(1)}.editor{display:flex;flex-direction:column;justify-content:space-between}.editor-container{height:90%}.editor-field::-webkit-scrollbar{height:7px;width:5px;width:7px}.editor-field::-webkit-scrollbar-thumb{background:#888;border-radius:25px}.editor-field::-webkit-scrollbar-thumb:hover{background:#5f5f5f}.input{display:flex;flex-direction:column;justify-content:space-between}.input-container{height:85%}.input-field{word-wrap:normal;font-size:1rem;height:100%;max-height:100%;max-width:98%;width:98%}.input-field::-webkit-scrollbar{height:7px;width:7px}.input-field::-webkit-scrollbar-thumb{background:#888;border-radius:25px}.input-field::-webkit-scrollbar-thumb:hover{background:#5f5f5f}.output{display:flex;flex-direction:column;justify-content:space-between}.output-container{background-color:#c7c7c7;height:85%}.spinner-container{align-items:center;display:flex;height:100%;justify-content:center}.spinner{height:20%}.output-field{font-size:1rem;height:calc(100% - 10px);margin:5px}.run-output{background-color:#fff;height:calc(90% - 5px);margin:5px 0;overflow:scroll;white-space:pre-wrap}.run-output::-webkit-scrollbar{height:7px;width:7px}.run-output::-webkit-scrollbar-thumb{background:#888;border-radius:25px}.run-output::-webkit-scrollbar-thumb:hover{background:#5f5f5f}.decodedError{color:#ff2323}.decodedCompileOutput{color:#bb9a08}.details{align-items:center;display:flex;flex-basis:33%;font-size:.7rem;height:10%;justify-content:space-between}
/*# sourceMappingURL=main.305e2937.css.map*/