@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);.area-block{width:100%;display:flex;flex-direction:column}.title{font-size:1.2em}.title-copy-block{display:flex;flex-direction:row;margin-bottom:.3em;justify-content:space-between}.area-block>textarea{width:100%;height:100%;resize:none;font-family:Fira Code;overflow:auto}.copy-icon{margin-right:.2em}.copy{color:var(--copy-color)}.copy,.copy:active{border-style:none}.updates-modal-block{background-color:var(--main-bg-color);border:1px var(--text-main-color) solid;padding-top:0;padding-bottom:1em;padding-right:1.5em;padding-left:1.5em}.page,.updates-modal-block{display:flex;flex-direction:column}.page{height:100%;box-sizing:border-box;justify-content:space-between}.main-block{height:100%;padding:.7em}.header,.main-block{display:flex;flex-direction:row}.header{height:2%;padding:1em .7em;align-items:center;justify-content:space-between;box-shadow:0 1px 5px 0 rgba(0,0,0,.75)}.logo{font-size:1.5em;color:var(--logo-color);cursor:pointer}.code-json-block{display:flex;width:100%;flex-direction:column;justify-content:space-between}.update-block{flex-direction:column;padding:0 .5em}.update-block,.update-center-block{display:flex;justify-content:center}.update-center-block{flex:1;flex-direction:column}.buttons>.updates-link{margin-bottom:.5em}.code-block{height:20%;resize:none}.code-block>textarea{color:var(--blueprint-color);font-size:1em}.json-block{height:75%}.buttons button:first-child{margin-bottom:1em}.updates-link{text-align:center;color:var(--input-text-color);text-decoration:underline;margin-bottom:.5em}.updates-link:hover{cursor:pointer}.update-buttons{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1em}.update-rules{max-height:60vh;overflow-y:auto}.update-rules>.update-rule:not(:last-child){margin-bottom:.2em}.update-rule{display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box}.update-symbol{padding:0 .5em;font-size:1em;font-family:Fira Code}.update-rule>button{margin-left:.2em}.github>a{text-decoration:none;color:#fab795}.error-message{color:#f43e5c;font-size:1.1em;font-style:italic}.remove-icon{padding:.5em;color:#f43e5c}:root{--main-bg-color:#0e0e0e;--input-bg-color:#141414;--input-border-color:#1a1c23;--logo-color:#26bbd9;--text-main-color:#f09483;--input-text-color:#fac29a;--button-bg-color:#0e0e0e;--copy-color:#bbb;--blueprint-color:#6c6f93}body{background-color:var(--main-bg-color);height:100vh;margin:0;font-family:Roboto;color:var(--text-main-color)}::-webkit-scrollbar-corner{background-color:red}::-webkit-scrollbar{background-color:var(--input-border-color)}::-webkit-scrollbar-thumb{background-color:var(--copy-color);border:3px solid transparent;background-clip:padding-box}textarea{font-family:Roboto;box-sizing:border-box}input,textarea{background-color:var(--input-bg-color);border:.1em var(--input-border-color) solid;color:var(--input-text-color);font-size:1em}input{font-family:Fira Code;width:100%}input:focus,textarea:focus{outline:none}button{font-family:Roboto;font-size:1em;padding:.12em .9em;background-color:var(--button-bg-color);color:var(--input-text-color);border:1px var(--input-text-color) solid}button:active{border-style:outset;border:1px var(--logo-color) solid}#app{height:100%}