.app{flex-direction:column;height:90vh;display:flex}.app__examples{flex-direction:row;display:flex}.app canvas{width:100%;height:10rem}.app__editor{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.app__code-wrapper{background:#1a1d2e;flex:1;min-height:0;position:relative;overflow:hidden}.app__code{width:100%;height:100%}.app__hover-tooltip{color:#89ddff;pointer-events:none;background:#1e2732;border:1px solid #37474f;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:.85rem;box-shadow:0 4px 12px #0006}.app__completions{z-index:10;background:#1e2732;border:1px solid #37474f;border-radius:4px;min-width:180px;font-family:monospace;font-size:.85rem;position:absolute;box-shadow:0 4px 12px #0006}.app__completion-item{cursor:pointer;gap:.5rem;padding:4px 8px;display:flex}.app__completion-item:hover,.app__completion-item.selected{background:#263238}.app__completion-label{color:#89ddff}.app__completion-detail{color:#546e7a;align-self:center;font-size:.8em}.ww-keyword{color:#c792ea;font-weight:700}.ww-number{color:#f78c6c}.ww-function{color:#89ddff}.ww-variable{color:#82aaff}.ww-operator{color:#89ddff}.ww-comment{color:#546e7a;font-style:italic}.ww-error{-webkit-text-decoration:underline wavy red;text-decoration:underline wavy red}