:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--code-font: "Fantasque Sans Mono", "Iosevka", monospace}*{font-family:var(--code-font)}body{margin:0;overflow:hidden;height:100dvh;width:100dvw;display:flex;flex-direction:column}.pane-container{display:flex;height:100%;width:100%;overflow:hidden;.pane-left{flex:0 0 22.22%;height:100%;display:flex;flex-direction:column}.pane-handle{background:transparent;cursor:col-resize;transition:background .4s;width:1px;overflow:hidden;padding:0;&:after{content:"";background:transparent;height:100%;width:10px;position:absolute;top:0;bottom:0;display:block;translate:-50% 0;transition:background .4s}&:hover:after{background:#0ff}&[data-dragging=dragging]:before{content:"";background:transparent;position:absolute;top:0;bottom:0;width:100vw;height:100vh}}}.pane-handle{border:0;border-left:1px solid var(--divider)}:root{--divider: #b7a9bc}@media (prefers-color-scheme: light){background: var(--lychee-bg)}@media (prefers-color-scheme: dark){form,form *{background:#000;color:#fff}}#playground{&[contenteditable],.cm-focused{outline:0}.code{height:100%;overflow:hidden;.cm-content{font-size:1rem}}iframe{display:flex;flex-direction:column;width:100%;border:0}}.cm-editor{height:100%;overflow:scroll}:root{--lychee-bg: #f9fcff;--lychee-bg-bluer: #e3f6ff;--lychee-error: #ff2a50;--lychee-info-alias: #208776;--lychee-info-param: #ff552a;--lychee-info-method: #3999ff;--lychee-info-local: #db4e80;--lychee-info-text: #086f8a;--lychee-info-keyword: #810005}.cm-tooltip.cm-tooltip{font-size:.9rem;border-radius:4px;box-shadow:1px 1px 5px #01495433;background:var(--lychee-bg);display:flex;font-family:var(--family-mono);flex-direction:column;max-width:80ch;padding:.25rem;.cm-tooltip-lint{color:var(--text-very-light)}.cm-diagnostic{padding:var(--space-1);color:var(--lychee-info-text)}.cm-diagnostic-error{border-left:0}.cm-tooltip-section{padding:var(--space-1);background:var(--lychee-bg);color:var(--lychee-info-text)}.quick-info-aliasName{color:var(--lychee-info-alias)}.quick-info-parameterName{color:var(--lychee-info-param)}.quick-info-methodName{color:var(--lychee-info-method)}.quick-info-localName{color:var(--lychee-info-local)}.quick-info-text,.quick-info-punctuation{color:var(--lychee-info-text)}.quick-info-keyword{color:var(--lychee-info-keyword)}&.cm-tooltip-autocomplete{>ul{font-size:.9rem;font-family:var(--family-mono);>li{padding:var(--space-2);color:var(--text);background-color:var(--lychee-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;&[aria-selected]{background-color:var(--lychee-bg-bluer);color:var(--text)}}}}&.cm-completionInfo{white-space:pre-wrap;font-size:1rem;padding:var(--space-2)}}.cm-editor{height:100%;width:100%;overflow:scroll;font-size:.8rem}footer{padding:.25rem .5rem;border-top:1px solid var(--divider);display:flex;form{padding:.25rem;input{width:100%;border:0;height:100%;padding:0 .25rem}button{background:transparent;border:0;color:transparent;width:0;padding:0}}}#files{list-style:none;display:flex;margin:0;gap:.5rem;padding:.25rem;button{background:var(--lychee-bg);border:1px solid var(--divider);&[aria-current=page]{background:var(--lychee-bg-bluer);color:var(--text)}}}