:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;padding:0}body,html{margin:0;padding:0}.codesnippet{background-color:#fffaf0;width:fit-content;padding:1%;color:#000}#app{height:100vh;background-color:#333338}#editor_wrapper{border-left:1px solid black;margin-left:8vw;float:left;vertical-align:top;display:inline-block}#results_wrapper{height:100vh;width:12vw;float:right;overflow-y:auto;text-align:left}.typeDetail{padding:5%;margin-top:1vh;margin-right:1vh;vertical-align:top;display:block;border:1px solid black;background-color:#fff}.typeDetail:hover{background-color:#add8e6}.typeDetailTitle{font-weight:700}.typeDetailContent{line-height:200%}.typeDetail:hover{cursor:pointer}.typeDetailRename{line-height:110%;margin-right:.3vw}.t-Schema{color:#6495ed}.t-float,.t-int,.t-string{color:#3cb371}.t-UUID{color:orange}.t-Enum{color:#cd5c5c}#tools{width:8vw;height:100vh;padding:0;position:absolute;background-color:#333338}.tool_button{padding:1.2%;font-weight:700;border:1px solid black;border-radius:20px;margin-right:1vw;display:flex;justify-content:center;width:6vw;margin-left:.5vw;margin-top:1vh;height:4vh;align-items:center}#save_button{background-color:#3cb371}#save_button:hover{cursor:pointer}#about_button{background-color:#add8e6}#about_button:hover{cursor:pointer}#share_button{background-color:#fafad2}#share_button:hover{cursor:pointer}#share_content{border:1px solid black;margin-left:1vw;margin-top:1vh;background-color:#fff;padding:3%;width:33vw;text-align:justify}#share_content p{margin-top:1%;margin-left:1%;margin-bottom:1%;padding:0}.copy_button:hover{cursor:pointer}#extract_button{background-color:#90ee90}#extract_button:hover{cursor:pointer}#new_button{background-color:#6495ed}#new_button:hover{cursor:pointer}#about{padding-left:10vw;padding-right:50vw;padding-top:5vh;padding-bottom:5vh;overflow-y:auto;margin-left:auto;margin-right:auto;background-color:#333338;color:#fff}#about p,#about ul{line-height:150%}#about_back_button{position:absolute;top:9vh;left:3vw;text-align:center;padding-left:1vw;width:5vw;height:8vh;color:#fff}#about_back_button:hover{cursor:pointer;color:#add8e6}#about h1{font-size:350%}#about a:visited,#about a{color:#6495ed}#about_wrapper{height:fit-content}#readonly{position:fixed;left:0;top:0;width:100%;padding:10px;height:100%;margin:0}