.editor{width:100%;height:100dvh;resize:none;color:#fff;border:none;outline:none;overflow-x:auto;padding-right:24px}.color{white-space:nowrap;background:#ffffff26;font-weight:400;border-radius:4px;font-size:.8em;color:#b3b3b3;font-family:monospace;height:1.5em;display:inline-flex;align-items:center;padding:.25em;text-transform:uppercase}.color:before{background-color:var(--color);border:1px solid rgba(128,128,128,.3);border-radius:2px;content:" ";display:inline-block;vertical-align:middle;margin-right:.25em;width:1em;height:1em}.editor pre{background:#ffffff26;border-radius:.5rem;font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem}.editor pre code{background:none;color:inherit;padding:0}.hljs-comment,.hljs-quote{color:#616161}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#f98181}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#fbbc88}.hljs-string,.hljs-symbol,.hljs-bullet{color:#b9f18d}.hljs-title,.hljs-section{color:#faf594}.hljs-keyword,.hljs-selector-tag{color:#70cff8}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.box{max-height:142px;height:142px}.box__card{height:100%;cursor:pointer;transition:background-color .2s ease}.box__card[data-active=true]{transition:background-color .2s ease}.box__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mainView__gridContainer{height:100dvh;display:flex}.mainView__leftPanel{height:100%}.mainView__middlePanel{height:100%;flex:1 1 auto;scrollbar-color:rgba(255,255,255,.315) transparent;overflow:auto;display:flex;flex-direction:column;scrollbar-gutter:stable}.mainView__rightPanel>div{height:100%}