.playground[data-v-2e4b2821]{border:1px solid var(--sl-color-gray-5);border-radius:.5rem;margin:1.5rem 0;overflow:hidden;container-type:inline-size}.toolbar[data-v-2e4b2821]{border-bottom:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.langs button[data-v-2e4b2821]{font:inherit;border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);cursor:pointer;background:0 0;padding:.3rem .7rem;font-size:.85rem}.langs button[data-v-2e4b2821]:first-child{border-radius:.35rem 0 0 .35rem}.langs button[data-v-2e4b2821]:last-child{border-left:0;border-radius:0 .35rem .35rem 0}.langs button.active[data-v-2e4b2821]{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:var(--sl-color-black)}.meta[data-v-2e4b2821]{flex-grow:1;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.info[data-v-2e4b2821]{display:inline-flex;position:relative}.info button[data-v-2e4b2821]{color:var(--sl-color-gray-3);cursor:help;background:0 0;border:0;border-radius:50%;padding:.15rem;display:inline-flex}.info button[data-v-2e4b2821]:hover,.info button[data-v-2e4b2821]:focus-visible{color:var(--sl-color-white)}.tip[data-v-2e4b2821]{z-index:1000;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);width:max-content;max-width:min(20rem,85cqi);color:var(--sl-color-gray-2);box-shadow:var(--sl-shadow-md);opacity:0;visibility:hidden;border-radius:.35rem;padding:.4rem .6rem;font-size:.8rem;line-height:1.4;transition:opacity .12s,visibility .12s;position:absolute;top:calc(100% + .45rem);right:0}.tip[data-v-2e4b2821]:before{content:"";position:absolute;inset:-.5rem 0 100%}.info:hover .tip[data-v-2e4b2821],.info:focus-within .tip[data-v-2e4b2821]{opacity:1;visibility:visible}.panes[data-v-2e4b2821]{resize:vertical;grid-template-columns:1fr;height:28rem;min-height:12rem;max-height:calc(100dvh - 9rem);display:grid;overflow:hidden}@container (width>=46rem){.panes[data-v-2e4b2821]{grid-template-columns:minmax(0,1fr) 19rem}}.editor[data-v-2e4b2821],.results[data-v-2e4b2821]{min-width:0;min-height:0}.editor[data-v-2e4b2821]{overflow:auto}.results[data-v-2e4b2821]{border-top:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7,var(--sl-color-gray-6));padding:.5rem;overflow:auto}@container (width>=46rem){.results[data-v-2e4b2821]{border-top:0;border-left:1px solid var(--sl-color-gray-5)}}.results-head[data-v-2e4b2821]{letter-spacing:.08em;text-transform:uppercase;color:var(--sl-color-gray-3);border-bottom:1px solid var(--sl-color-gray-5);margin:0 0 .35rem;padding-block:.2rem;font-size:.68rem}.results-head[data-v-2e4b2821],.results button[data-v-2e4b2821]{grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:baseline;gap:.6rem;padding-inline:.5rem;display:grid}.col-score[data-v-2e4b2821],.score[data-v-2e4b2821],.col-line[data-v-2e4b2821],.line[data-v-2e4b2821]{text-align:right}.results ul[data-v-2e4b2821]{margin:0;padding:0;list-style:none}.results li+li[data-v-2e4b2821]{margin-top:.25rem}.results button[data-v-2e4b2821]{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:.3rem;padding-block:.4rem;font-size:.85rem}.results button[data-v-2e4b2821]:hover{background:var(--sl-color-gray-5)}.score[data-v-2e4b2821]{font-family:var(--sl-font-mono,monospace);font-weight:700}.name[data-v-2e4b2821]{font-family:var(--sl-font-mono,monospace);overflow-wrap:anywhere}.line[data-v-2e4b2821]{color:var(--sl-color-gray-3);font-size:.75rem}.build[data-v-2e4b2821]{border:1px solid var(--sl-color-accent);background:var(--sl-color-accent-low);color:var(--sl-color-accent-high);font-family:var(--sl-font-mono,monospace);border-radius:.25rem;padding:.1rem .4rem;font-size:.75rem;line-height:1.3;display:inline-block}.note[data-v-2e4b2821]{color:var(--sl-color-gray-3);margin:.5rem;font-size:.85rem}.note.error[data-v-2e4b2821]{color:var(--sl-color-red,#e08a5c)}.detail[data-v-2e4b2821]{opacity:.8;font-size:.75rem}.sl-markdown-content .playground :where(div,span,pre,p,ul,ol,li,dl,button,figure){margin:0}.sl-markdown-content .playground li{padding-inline-start:0}.sl-markdown-content .playground li:before{content:none}.cm-finding-line{background:color-mix(in srgb, var(--sl-color-accent) 22%, transparent)}