html,body{height:100%}#root{display:flex;height:100%;width:100%}#notistack-snackbar{width:100%}#sidebar{width:15rem;background-color:#f7f7f7;border-right:solid 1px #e3e3e3;display:flex;flex-direction:column}#sidebar>*{padding-left:1rem;padding-right:1rem}#sidebar h1{font-size:1rem;font-weight:500;display:flex;align-items:center;margin:0;padding:1rem 2rem;border-bottom:1px solid #e3e3e3;line-height:1;position:relative}#sidebar>div{display:flex;align-items:center;gap:.5rem;padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid #e3e3e3}#sidebar nav{flex:1;overflow:auto;padding-top:1rem}#sidebar nav a span{float:right;color:#eeb004}#sidebar nav a.active span{color:inherit}i{color:#818181}#sidebar nav .active i{color:inherit}#sidebar ul{padding:0;margin:0;list-style:none}#sidebar li{margin:.25rem 0}#sidebar nav a{display:flex;align-items:center;justify-content:space-between;overflow:hidden;white-space:pre;padding:.5rem;border-radius:8px;color:inherit;text-decoration:none;gap:1rem}#sidebar nav a:hover{background:#e3e3e3}#sidebar nav a.active{background:hsl(224,98%,58%);color:#fff}#sidebar nav a.pending{color:#2b63fd}#detail{flex:1;padding:1rem 2rem;width:100%}#detail.loading{opacity:.25;transition:opacity .2s;transition-delay:.2s}#error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}main>*{padding:1rem}:root{--editor-select-color: #1e89ef;--editor-drag-color: #1e89ef;--editor-drag-border-primary: solid 1px var(--editor-drag-color);--editor-drag-border-secondary: dotted 1px var(--editor-drag-color)}