.javascript-display[data-v-f20c0bce]{--js-border-radius: .375rem;--js-font-size: .875rem;--js-line-height: 1.5;--js-content-padding: .25rem;--js-error-color: rgb(239, 68, 68);font-family:var(--primary-font);font-weight:var(--semibold-weight-font);font-size:var(--js-font-size);line-height:var(--js-line-height);position:relative;display:flex;flex-direction:column;width:100%}.javascript-content[data-v-f20c0bce]{margin:0;padding:var(--js-container-padding);white-space:pre;-moz-tab-size:2;-o-tab-size:2;tab-size:2;line-height:var(--js-line-height);width:100%;flex:1;min-height:0}pre[data-v-f20c0bce]{margin:0;padding:0}code[data-v-f20c0bce]{display:block;padding:0}.empty-state[data-v-f20c0bce]{color:#9ca3af;font-size:.875rem;padding:.25rem 0;opacity:.5}.error-state[data-v-f20c0bce]{display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--js-error-color)}[data-v-f20c0bce] .keyword{color:var(--js-syntax-keyword)}[data-v-f20c0bce] .function{color:var(--js-syntax-function);cursor:pointer;transition:color .2s ease}[data-v-f20c0bce] .function:hover{color:var(--js-syntax-keyword-hover)}[data-v-f20c0bce] .function.collapsed{opacity:.5}[data-v-f20c0bce] .string{color:var(--js-syntax-string)}[data-v-f20c0bce] .number{color:var(--js-syntax-number)}[data-v-f20c0bce] .comment{color:var(--js-syntax-comment);font-style:italic}[data-v-f20c0bce] .text{color:#d4d4d4}.code-header[data-v-f20c0bce]{position:absolute;top:var(--v7d425e9a);right:8px;z-index:2;display:flex;justify-content:flex-end}.button-group[data-v-f20c0bce]{display:flex;align-items:center;gap:8px}