:root{--playground-font-family:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--playground-monospace:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--playground-font-size:14px;--playground-font-small:12px;--playground-spacing:12px;--playground-radius:4px;--playground-surface:#fff;--playground-panel:#f5f6f7;--playground-hover:#edf0f3;--playground-text:#242a31;--playground-muted:#606a76;--playground-border:#cdd3da;--playground-divider:#e2e6eb;--playground-accent:#548fcc;--playground-accent-hover:#437eb9;--playground-accent-text:#335f8b;--playground-selected:#e8f0f9;--playground-danger:#a32f2f;--playground-warning-border:#d4ab62;--playground-warning-bg:#fff8e8;--playground-backdrop:#11182759;--playground-shadow:0 4px 16px #00000029}body{font:var(--playground-font-size) / 1.4 var(--playground-font-family);color:var(--playground-text);background:var(--playground-surface);margin:0}split-panel{--border-color:var(--playground-divider);--handle-hover-color:#548fcc26}#playground-layout{flex-direction:column;height:100dvh;display:flex}#playground-layout>split-panel{isolation:isolate;flex:1;min-height:0}#genome-spy-container,#workspace-pane,gs-playground-workspace,#inspector-pane{position:absolute;inset:0;overflow:hidden}#input-bindings-host,gs-playground-workspace[hidden],#inspector-pane[hidden]{display:none}#editor-pane{flex-direction:column;display:flex}code-editor{flex:1;min-height:0;overflow:hidden}.example-documentation{padding:8px var(--playground-spacing);border-bottom:1px solid var(--playground-divider);background:var(--playground-panel);font-size:var(--playground-font-small);overflow-wrap:anywhere;flex-wrap:wrap;flex-shrink:0;align-items:baseline;gap:4px 12px;display:flex}.example-documentation a{color:var(--playground-accent-text)}.example-documentation svg{width:.85em;height:.85em;margin-left:.35em}#genome-spy-container>.playground-error{box-sizing:border-box;place-items:center;padding:20px;display:grid;position:absolute;inset:0}#genome-spy-container>.playground-error .playground-error-card{box-sizing:border-box;overflow-wrap:anywhere;border:1px solid var(--playground-danger);background:var(--playground-surface);max-width:min(100%,640px);max-height:100%;box-shadow:var(--playground-shadow);border-radius:8px;padding:20px 24px;overflow:auto}#genome-spy-container>.playground-error .playground-error-card h2{color:var(--playground-danger);align-items:center;gap:8px;margin:0 0 12px;font-size:16px;display:flex}#genome-spy-container>.playground-error .playground-error-card h2 svg{flex-shrink:0;width:1em;height:1em}#genome-spy-container>.playground-error .playground-error-card p{white-space:pre-wrap;margin:0}#genome-spy-container>.playground-error .playground-error-card .playground-error-location{border-top:1px solid var(--playground-divider);font-size:var(--playground-font-small);color:var(--playground-muted);white-space:normal;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-top:16px;padding-top:12px;display:flex}#genome-spy-container>.playground-error .playground-error-card .playground-error-location span{min-width:0}#genome-spy-container>.playground-error .playground-error-card .playground-error-location button{color:var(--playground-accent-text);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0;text-decoration:underline}#genome-spy-container>.playground-error .playground-error-card code{font-family:var(--playground-monospace)}base-url-notice{flex:none}#input-bindings-pane{accent-color:var(--playground-accent)}#input-bindings-pane input,#input-bindings-pane select{box-sizing:border-box;font:inherit;color:inherit}#input-bindings-pane input:not([type=range]):not([type=checkbox]):not([type=radio]),#input-bindings-pane select{border:1px solid var(--playground-border);border-radius:var(--playground-radius);background:var(--playground-surface);padding:4px 8px}#input-bindings-pane :is(input,select):focus-visible{outline:2px solid var(--playground-accent);outline-offset:2px}#input-bindings-pane .gs-input-bindings{font-size:var(--playground-font-size);padding:var(--playground-spacing)}#input-bindings-pane .gs-input-binding{grid-template-columns:fit-content(40%) minmax(0,1fr);justify-items:start;gap:.3em 1em;display:grid}#input-bindings-pane .gs-input-binding>label,#input-bindings-pane .gs-input-binding>.label{overflow-wrap:anywhere}#input-bindings-pane .gs-input-binding>div,#input-bindings-pane .gs-input-binding>select,#input-bindings-pane .gs-input-binding>input:not([type=checkbox]),#input-bindings-pane .gs-input-binding>div>input:not([type=range],[type=radio],[type=checkbox]){width:100%;min-width:0}#input-bindings-pane .gs-input-binding input[type=range]{width:calc(100% - 3em);min-width:40px}#input-bindings-pane .gs-input-binding input[type=range]+span{font-variant-numeric:tabular-nums;min-width:2.2em;margin-left:.3em;display:inline-block}#input-bindings-pane .gs-input-binding input[type=range],#input-bindings-pane .gs-input-binding input[type=radio]{vertical-align:text-bottom}#input-bindings-pane .gs-input-binding .radio-group{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}#input-bindings-pane .gs-input-binding .radio-group label{overflow-wrap:anywhere;max-width:100%}#input-bindings-pane .gs-input-binding .description{max-width:26em;color:var(--playground-muted);grid-column:1/-1;margin-top:-.5em;font-size:90%}#inspector-pane{min-height:0}#inspector-pane gs-inspector-panel{height:100%;min-height:0;display:block}
