*,*:before,*:after{box-sizing:border-box}body,html,#root,.container{width:100%;height:100%;margin:0;padding:0;background-color:#0d1117}.container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:25px 125px 1fr .03fr;gap:2px 8px;grid-auto-flow:row;grid-template-areas:"gap gap" "header header" "code display" "footer footer"}.gap{grid-area:gap}.header{grid-area:header;display:flex;align-items:center;flex-direction:column}.code{grid-area:code}.display{grid-area:display}footer{grid-area:footer}.code,.display{display:flex;width:100%;height:100%;min-height:0;flex-direction:column;background:inherit;overflow:hidden}.editor-pane{flex-grow:1;min-height:0;margin-left:25px}.display{overflow-y:auto;padding:0 20px}a{color:#4781b7;font-style:italic}img{max-width:480px;width:100%}footer>h4{text-align:center;color:#999;font-size:12px;margin:12px;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.1}footer>h4>a{-webkit-user-select:none;user-select:none;cursor:default;text-decoration:none;color:#999}.file-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin:0 0 4px 25px}.file-tab{display:flex;align-items:center;gap:6px;padding:4px 10px;cursor:pointer;border:1px solid #21262d;border-bottom:2px solid transparent;border-radius:4px 4px 0 0;color:#8b949e;background-color:#0d1117;font:12px JetBrains Mono,monospace;-webkit-user-select:none;user-select:none}.file-tab:hover{color:#c9d1d9}.file-tab.active{color:#c9d1d9;background-color:#1a212a;border-bottom-color:#ffc107}.file-tab .entry-marker{font-size:8px;color:#4781b7}.file-tab .file-name-input{background-color:#0d1117;border:1px solid #388bfd;border-radius:2px;color:#c9d1d9;font:12px JetBrains Mono,monospace;padding:0 2px;margin:-1px 0;outline:none}.file-tab .file-name-input.invalid{border-color:#f85149}.file-tab .close-file,.add-file{border:none;background:none;color:#8b949e;cursor:pointer;font:14px JetBrains Mono,monospace;padding:0 2px;line-height:1}.file-tab .close-file:hover,.add-file:hover{color:#ffc107}.add-file{font-size:18px;padding:2px 8px}.delete-popover{position:fixed;z-index:100;display:flex;flex-direction:column;gap:8px;padding:10px 12px;background-color:#161b22;border:1px solid #30363d;border-radius:6px;box-shadow:0 8px 24px #010409cc;color:#c9d1d9;font:12px JetBrains Mono,monospace;cursor:default;white-space:nowrap}.delete-popover:before{content:"";position:absolute;bottom:-5px;left:14px;width:8px;height:8px;background-color:#161b22;border-bottom:1px solid #30363d;border-right:1px solid #30363d;transform:rotate(45deg)}.delete-popover-message b{color:#eaecec}.delete-popover-actions{display:flex;justify-content:flex-end;gap:8px}.delete-popover-confirm,.delete-popover-cancel{border-radius:4px;cursor:pointer;font:12px JetBrains Mono,monospace;padding:3px 10px}.delete-popover-confirm{background:none;border:1px solid #f85149;color:#f85149}.delete-popover-confirm:hover,.delete-popover-confirm:focus-visible{background-color:#f85149;color:#0d1117}.delete-popover-cancel{background:none;border:1px solid #30363d;color:#8b949e}.delete-popover-cancel:hover,.delete-popover-cancel:focus-visible{color:#c9d1d9;border-color:#8b949e}.query-glyph{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b949e' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:13px;opacity:.7}.query-glyph:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc107' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");opacity:1}.query-line-flash{background-color:#ffc10724;transition:background-color .4s ease-out}.output-item-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.output-item-header .output-item-label{min-width:0}.display-wrapper .output-item-header h2{margin-bottom:0;line-height:var(--output-label-line-height)}.reveal-source{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:calc(var(--output-label-font-size) * var(--output-label-line-height));background:none;border:1px solid #21262d;border-radius:4px;color:#8b949e;cursor:pointer;padding:0 4px}.reveal-source:hover{color:#ffc107;border-color:#ffc107}.output-item.focused pre,.output-item.focused .message{outline:1px solid rgba(255,193,7,.6);outline-offset:2px}.display-wrapper{max-width:100%;width:100%;--output-label-font-size: 1.3rem;--output-label-line-height: 1.4}.display-wrapper h2{margin:0 0 10px;font-size:var(--output-label-font-size);text-align:left;color:#eaecec;font-family:Poppins,sans-serif;text-transform:uppercase}.display-wrapper b{color:#4781b7;font-weight:bolder}.display-wrapper pre{font:12px JetBrains Mono,monospace;overflow:auto;box-shadow:6px 6px 6px -4px #0d1117;margin:0}.display-wrapper code{display:block;padding:16px;text-align:left;overflow:auto;font-family:JetBrains Mono,monospace}.display-wrapper .error{background-color:#ffc107;color:#0d1117}.display-wrapper .info{background-color:#1a212a;color:#eaecec}.display-wrapper .message{font:16px JetBrains Mono,monospace;display:block;padding:16px 32px;overflow:auto;box-shadow:6px 6px 6px -4px #0d1117;text-align:left}.display-wrapper .error>h3{margin:0}.display-wrapper .error>h3>a{font-style:italic;color:#464c52}.display-wrapper hr{margin-top:25px;margin-bottom:25px;border:0;height:1px;background-color:#ffc107;background-image:linear-gradient(to right,#0000,#000000bf,#0000)}.output-item:first-child hr{display:none}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:JetBrains Mono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;max-width:100vw;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#1a212a}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#ffc107}.token.property,.token.class-name,.token.constant,.token.symbol{color:#79c0ff}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#eaecec}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width: 500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}