.jolt-playground{--jp-text:var(--sl-color-white);--jp-muted:var(--sl-color-gray-3);--jp-border:var(--sl-color-hairline-light);--jp-editor-bg:var(--sl-color-black);--jp-panel-bg:var(--sl-color-gray-6);--jp-active-line:color-mix(in srgb, var(--sl-color-gray-5) 35%, transparent);--jp-selection:color-mix(in srgb, var(--sl-color-accent) 28%, transparent);--jp-bracket:color-mix(in srgb, var(--sl-color-accent) 22%, transparent);--jp-cursor:var(--sl-color-accent-high);--jp-radius:.5rem;--jp-error:#ff6b6b;--jp-warning:#f0b429;--jp-method:#f5b942;--jp-variable:#7cc7ff;--jp-path:#8bd5a6;--jp-string:#e6a0c4;--jp-keyword:#c792ea;--jp-operator:#89ddff;--jp-number:#f78c6c;--jp-constant:#f78c6c;--jp-discard:#8a8f98;--jp-key:#a9c7ef;--jp-plain-string:#c3e88d;--jp-punctuation:var(--sl-color-gray-3)}:root[data-theme=light] .jolt-playground{--jp-error:#c92a2a;--jp-warning:#a15c00;--jp-method:#8f5200;--jp-variable:#0b5cad;--jp-path:#1d7a3c;--jp-string:#a3317d;--jp-keyword:#6f42c1;--jp-operator:#0b6e7a;--jp-number:#b5441e;--jp-constant:#b5441e;--jp-discard:#6b7280;--jp-key:#1f4e8c;--jp-plain-string:#2f6b10}.jolt-playground .cm-jolt-method{color:var(--jp-method);font-weight:600}.jolt-playground .cm-jolt-variable{color:var(--jp-variable)}.jolt-playground .cm-jolt-path{color:var(--jp-path)}.jolt-playground .cm-jolt-string{color:var(--jp-string)}.jolt-playground .cm-jolt-keyword{color:var(--jp-keyword);font-style:italic}.jolt-playground .cm-jolt-operator{color:var(--jp-operator)}.jolt-playground .cm-jolt-number{color:var(--jp-number)}.jolt-playground .cm-jolt-constant{color:var(--jp-constant)}.jolt-playground .cm-jolt-discard{color:var(--jp-discard)}.jolt-playground .cm-jolt-key{color:var(--jp-key)}.jolt-playground .cm-jolt-plain-string{color:var(--jp-plain-string)}.jolt-playground{--jp-width:min(100rem, calc(100vw - 2.5rem));width:var(--jp-width);margin-inline:calc(50% - var(--jp-width) / 2);color:var(--jp-text);font-size:var(--sl-text-sm);gap:1rem;margin-block:1rem 3rem;display:grid}.jolt-playground .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.jolt-playground .jp-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.jolt-playground select,.jolt-playground button{font:inherit;color:var(--jp-text);background:var(--jp-panel-bg);border:1px solid var(--jp-border);cursor:pointer;border-radius:.375rem;min-height:2.25rem;padding:.375rem .75rem}.jolt-playground select{max-width:16rem}.jolt-playground button:hover,.jolt-playground select:hover{border-color:var(--sl-color-gray-4)}.jolt-playground :is(button,select,input,summary):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.jolt-playground .jp-primary{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:var(--sl-color-black);font-weight:600}.jolt-playground .jp-primary:hover{background:var(--sl-color-accent-high);border-color:var(--sl-color-accent-high)}.jolt-playground .jp-options{border:0;flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;display:flex}.jolt-playground .jp-options label{color:var(--jp-muted);cursor:pointer;align-items:center;gap:.375rem;display:inline-flex}.jolt-playground .jp-options input{accent-color:var(--sl-color-accent)}.jolt-playground .jp-actions{gap:.5rem;display:flex}.jolt-playground .jp-status{font-size:var(--sl-text-xs);color:var(--jp-muted);align-items:center;gap:.375rem;margin-inline-start:auto;display:inline-flex}.jolt-playground .jp-status:before{content:"";background:var(--jp-muted);border-radius:50%;width:.5rem;height:.5rem}.jolt-playground .jp-status[data-state=loading]:before{background:var(--jp-warning);animation:1s ease-in-out infinite alternate jp-pulse}.jolt-playground .jp-status[data-state=ready]:before{background:var(--jp-path)}.jolt-playground .jp-status[data-state=failed]:before{background:var(--jp-error)}@keyframes jp-pulse{to{opacity:.3}}@media (prefers-reduced-motion:reduce){.jolt-playground .jp-status[data-state=loading]:before{animation:none}}.jolt-playground .jp-panes{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (width>=50rem){.jolt-playground .jp-panes{grid-template-columns:repeat(2,minmax(0,1fr))}.jolt-playground .jp-output{grid-column:1/-1}}@media (width>=80rem){.jolt-playground .jp-panes{grid-template-columns:repeat(3,minmax(0,1fr))}.jolt-playground .jp-output{grid-column:auto}}.jolt-playground .jp-pane{border:1px solid var(--jp-border);border-radius:var(--jp-radius);background:var(--jp-editor-bg);flex-direction:column;min-width:0;display:flex;overflow:hidden}.jolt-playground .jp-pane header{background:var(--jp-panel-bg);border-bottom:1px solid var(--jp-border);justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem .875rem;display:flex}.jolt-playground h2{font-size:var(--sl-text-sm);color:var(--jp-text);margin:0;font-weight:600}.jolt-playground .jp-pane header span{font-size:var(--sl-text-xs);color:var(--jp-muted);font-variant-numeric:tabular-nums}.jolt-playground .jp-editor{height:22rem;min-height:0}@media (width>=50rem){.jolt-playground .jp-editor{height:32rem}}.jolt-playground .jp-error{border-bottom:1px solid var(--jp-border);color:var(--jp-error);background:color-mix(in srgb, var(--jp-error) 10%, transparent);white-space:pre-wrap;overflow-wrap:anywhere;padding:.625rem .875rem}.jolt-playground .jp-error-inner{font-size:var(--sl-text-xs);gap:.25rem;margin:.375rem 0 0;padding:0 0 0 1rem;list-style:none;display:grid}.jolt-playground .jp-error-inner li:before{content:"↳ ";margin-inline-start:-1rem}.jolt-playground .jp-error-type{font-family:var(--sl-font-mono);opacity:.85}.jolt-playground .jp-error[data-kind=notice]{color:var(--jp-muted);background:0 0}.jolt-playground .jp-issues h2{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.jolt-playground .jp-count:not(:empty){font-size:var(--sl-text-xs);background:var(--jp-panel-bg);border:1px solid var(--jp-border);border-radius:1rem;padding:0 .5rem}.jolt-playground .jp-issues ul{gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.jolt-playground .jp-issues button{text-align:start;border-left:3px solid var(--jp-error);background:var(--jp-panel-bg);gap:.125rem;width:100%;padding:.5rem .75rem;display:grid}.jolt-playground .jp-issues button[data-severity=warning]{border-left-color:var(--jp-warning)}.jolt-playground .jp-issues button[data-severity=info]{border-left-color:var(--jp-muted)}.jolt-playground .jp-issue-where{font-size:var(--sl-text-xs);color:var(--jp-muted)}.jolt-playground .jp-issue-message{overflow-wrap:anywhere}.jolt-playground .jp-no-issues{color:var(--jp-muted)}.jolt-playground .jp-panel{border:1px solid var(--jp-border);border-radius:var(--jp-radius);background:var(--jp-panel-bg);padding:.5rem .875rem}.jolt-playground .jp-panel summary{cursor:pointer;padding-block:.25rem;font-weight:600}.jolt-playground .jp-panel[hidden]{display:none}.jolt-playground .jp-panel pre{max-height:24rem;font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--jp-text);margin:.5rem 0 .25rem;line-height:1.6;overflow:auto}.jolt-playground .jp-panel p{color:var(--jp-muted);margin:.5rem 0}.jolt-playground .jp-panel a{color:var(--sl-color-accent-high)}.jolt-playground .jp-methods{gap:.25rem;margin:0 0 .25rem;padding-inline-start:1.25rem;display:grid}.jolt-playground .jp-methods code{font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);overflow-wrap:anywhere}@media (width<=40rem){.jolt-playground .jp-status{width:100%;margin-inline-start:0}.jolt-playground select{flex:1;max-width:100%}}