@import"https://cdn.jsdelivr.net/npm/gridjs/dist/theme/mermaid.min.css?version=${version}";.Home{display:grid;width:100vw;height:100vh;grid-template-columns:340px 1fr;max-width:100vw}.Main{background-color:#343541;padding:20px;overflow-x:auto;align-items:flex-start}.Main span{color:#8c8c8c;font-size:16px}.Main .FancyTextarea{width:100%;height:auto;min-height:250px;border-radius:5px;background-color:#202123;border:1px solid #4d5055;color:#fff;font-family:Fira Code,monospace;font-size:14px;padding:20px;transition:all .2s ease-in-out}.Main .FancyTextarea::-moz-placeholder{color:#8c8c8c}.Main .FancyTextarea::placeholder{color:#8c8c8c}.Main .FancyTextarea:focus{border-color:#97b9fc}.Main .Tabs{width:100%;height:auto}.Main .Tabs>button{cursor:pointer;width:100%;height:40px;background-color:#202123;color:#fff;border-top:1px solid #4d5055;border-bottom:1px solid #4d5055;transition:all .2s ease-in-out}.Main .Tabs>button:first-child{border-radius:5px 0 0;border-right:1px solid #4d5055;border-left:1px solid #4d5055}.Main .Tabs>button:last-child{border-radius:0 5px 0 0;border-left:0px solid #4d5055;border-right:1px solid #4d5055}.Main .Tabs>button:hover{text-decoration:underline}.Main .Tabs>button.active{background-color:#4d5055;color:#fff;border-top:1px solid #4d5055;border-bottom:1px solid #4d5055;border-left:1px solid #4d5055;border-right:1px solid #4d5055}.Main select{width:auto;height:40px;background-color:#202123;border:1px solid #4d5055}.Main .FancyButton{width:300px;height:40px;background-color:#97b9fc;border:1px solid #4d5055;color:#000;border-radius:5px;transition:all .2s ease-in-out;position:sticky;bottom:20px}.Main .FancyButton:hover{background-color:#4f72aa!important;color:#fff}.Main .DataGrid{max-width:100%;overflow-x:auto}.Main .DataGrid input{color:#202123}.Main .paginationButton{background-color:#202123!important;color:#fff!important;border:1px solid #4d5055!important}.Main .paginationButton:hover{background-color:#4f72aa!important;color:#fff!important}.Aside{background-color:#000;padding:20px;position:relative;overflow-y:auto}.Aside>select,.Aside input{width:100%;height:40px;background-color:#202123;border:1px solid #4d5055}.Aside>select{flex-shrink:0}.Aside input{border-radius:5px;padding:0 10px}.Aside .Profile>img{width:40px;height:40px;border-radius:50%;margin-right:10px;aspect-ratio:1/1}.Aside>h2{width:100%}.Aside>h2:not(:first-child){margin-top:20px}.Aside--item{width:100%;height:40px;padding:10px;color:#fff;border-radius:5px;background-color:#202123;transition:all .2s ease-in-out}.Aside--item>a{text-decoration:none;width:100%;height:100%}.Aside--item>button{padding:0;display:none;width:auto;height:100%;background-color:transparent!important;transition:all .2s ease-in-out}.Aside--item>button:hover{background-color:#f08080!important;color:#fff}.Aside--item:hover{background-color:#4d5055}.Aside--item:hover>button{display:block}.Aside--item.selected{background-color:#4d5055}.Aside--item:last-child{margin-bottom:auto}.Aside>div>.FancyButton{width:100%;height:40px;margin-top:auto;background-color:#97b9fc;border:1px solid #4d5055;color:#000;border-radius:5px;transition:all .2s ease-in-out;position:sticky;bottom:20px}.Aside>div>.FancyButton:hover{background-color:#4f72aa!important;color:#fff}
