.d3p{--d3p-border:var(--sl-color-gray-5);--d3p-border-strong:var(--sl-color-gray-4);--d3p-radius:.75rem;--d3p-field-radius:.5rem;--d3p-chrome:var(--sl-color-gray-7,var(--sl-color-gray-6));--d3p-surface:var(--sl-color-bg);--d3p-field:var(--sl-color-bg);--d3p-text:var(--sl-color-white);--d3p-muted:var(--sl-color-gray-3);--d3p-accent:var(--sl-color-accent);--d3p-accent-soft:color-mix(in srgb, var(--sl-color-accent) 16%, transparent);--d3p-ring:0 0 0 3px color-mix(in srgb, var(--sl-color-accent) 30%, transparent);border:1px solid var(--d3p-border);border-radius:var(--d3p-radius);background:var(--d3p-surface);margin-block:1.5rem;overflow:hidden;box-shadow:0 1px 2px #0000000a}.d3p,:root[data-theme=dark] .d3p{--d3p-code-keyword:#ff7b72;--d3p-code-string:#a5d6ff;--d3p-code-number:#79c0ff;--d3p-code-property:#7ee787;--d3p-code-definition:#ffa657;--d3p-code-function:#d2a8ff;--d3p-code-comment:#8b949e;--d3p-code-punctuation:var(--sl-color-gray-2)}:root[data-theme=light] .d3p{--d3p-code-keyword:#cf222e;--d3p-code-string:#0a3069;--d3p-code-number:#0550ae;--d3p-code-property:#116329;--d3p-code-definition:#953800;--d3p-code-function:#8250df;--d3p-code-comment:#6e7781;--d3p-code-punctuation:var(--sl-color-gray-2)}.d3p-stage{min-width:0}.d3p-chart{padding:.75rem;position:relative}.d3p-chart>svg,.d3p-chart>canvas{display:block}.d3p-error{font-family:var(--__sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-color-red-high);background:var(--sl-color-red-low);margin:0;padding:.5rem .875rem}.d3p-side{border-top:1px solid var(--d3p-border);flex-direction:column;min-width:0;display:flex}.d3p-toolbar{border-bottom:1px solid var(--d3p-border);background:var(--d3p-chrome);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .625rem;display:flex}.d3p-tabs,.d3p-actions,.d3p-segment,.d3p-flavors{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.d3p button{font:inherit;font-size:var(--sl-text-sm);border-radius:var(--d3p-field-radius);color:var(--d3p-muted);cursor:pointer;background:0 0;border:1px solid #0000;padding:.3125rem .75rem;font-weight:500;transition:color .15s,background .15s,border-color .15s}.d3p button:hover:not(:disabled){color:var(--d3p-text);background:var(--d3p-accent-soft)}.d3p button:disabled{opacity:.45;cursor:default}.d3p button:focus-visible{box-shadow:var(--d3p-ring);outline:none}.d3p button[aria-selected=true],.d3p button[aria-pressed=true]{color:var(--d3p-text);background:var(--d3p-surface);border-color:var(--d3p-border);box-shadow:0 1px 2px #0000000f}.d3p-segment{border:1px solid var(--d3p-border);border-radius:calc(var(--d3p-field-radius) + .125rem);gap:.125rem;padding:.125rem}.d3p-segment button{font-size:var(--sl-text-xs);padding-block:.1875rem}.d3p-panel{background:var(--d3p-surface);flex:1}.d3p-controls{flex-direction:column;padding:0 1.25rem;display:flex}.d3p-control{grid-template:"key input""desc input"1fr/minmax(0,2fr) minmax(12rem,1fr);gap:.25rem 2rem;min-width:0;padding-block:1rem;display:grid}.d3p-control>:last-child{grid-area:input;align-self:center}.d3p-control+.d3p-control{border-top:1px solid var(--d3p-border)}.d3p-control-key{font-family:var(--__sl-font-mono);font-size:var(--sl-text-sm);color:var(--d3p-text);grid-area:key;font-weight:600}.d3p-control-desc{font-size:var(--sl-text-sm);color:var(--d3p-muted);grid-area:desc;line-height:1.55}.d3p-control-desc>*{margin:0}.d3p-control-desc>*+*{margin-top:.5rem}.d3p-control-desc code{color:var(--d3p-text);background:var(--d3p-chrome);border:1px solid var(--d3p-border);border-radius:.3125rem;padding:.0625rem .3125rem;font-size:.85em}.d3p-control-desc pre{background:var(--d3p-chrome);border:1px solid var(--d3p-border);border-radius:var(--d3p-field-radius);padding:.5rem .75rem;overflow-x:auto}.d3p-control-desc pre code{background:0 0;border:none;padding:0}.d3p-control-desc a{color:var(--sl-color-text-accent)}.d3p-field{box-sizing:border-box;width:100%;height:2.25rem;font:inherit;font-family:var(--__sl-font-mono);font-size:var(--sl-text-sm);color:var(--d3p-text);background:var(--d3p-field);border:1px solid var(--d3p-border);border-radius:var(--d3p-field-radius);padding:0 .625rem;transition:border-color .15s,box-shadow .15s}.d3p-field:hover{border-color:var(--d3p-border-strong)}.d3p-field:focus,.d3p-field:focus-within{border-color:var(--d3p-accent);box-shadow:var(--d3p-ring);outline:none}select.d3p-field{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--d3p-muted) 50%), linear-gradient(135deg, var(--d3p-muted) 50%, transparent 50%);background-position:right .9rem center,right .6rem center;background-repeat:no-repeat;background-size:.3rem .3rem;padding-inline-end:2rem}.d3p-switch{align-self:flex-start;align-items:center;gap:.625rem;display:inline-flex;position:relative}.d3p-switch input{z-index:1;opacity:0;cursor:pointer;width:2.5rem;margin:0;position:absolute;inset:0 auto 0 0}.d3p-switch-track{background:var(--sl-color-gray-5);border-radius:999px;width:2.5rem;height:1.375rem;transition:background .2s;position:relative}.d3p-switch-track:after{content:"";background:#fff;border-radius:999px;width:1rem;height:1rem;transition:transform .2s;position:absolute;top:.1875rem;left:.1875rem;box-shadow:0 1px 2px #00000040}.d3p-switch input:checked+.d3p-switch-track{background:var(--d3p-accent)}.d3p-switch input:checked+.d3p-switch-track:after{transform:translate(1.125rem)}.d3p-switch input:focus-visible+.d3p-switch-track{box-shadow:var(--d3p-ring)}.d3p-switch-state{font-family:var(--__sl-font-mono);font-size:var(--sl-text-xs);color:var(--d3p-muted)}.d3p-choice{border:1px solid var(--d3p-border);border-radius:calc(var(--d3p-field-radius) + .125rem);background:var(--d3p-chrome);gap:.125rem;padding:.125rem;display:flex}.d3p-choice label{cursor:pointer;flex:auto;position:relative}.d3p-choice input{opacity:0;pointer-events:none;position:absolute}.d3p-choice span{text-align:center;white-space:nowrap;border-radius:var(--d3p-field-radius);font-family:var(--__sl-font-mono);font-size:var(--sl-text-xs);color:var(--d3p-muted);padding:.25rem .5rem;transition:color .15s,background .15s;display:block}.d3p-choice label:hover span{color:var(--d3p-text)}.d3p-choice input:checked+span{color:var(--d3p-text);background:var(--d3p-surface);box-shadow:0 1px 2px #0000001a}.d3p-choice input:focus-visible+span{box-shadow:var(--d3p-ring)}.d3p-color{align-items:center;gap:.5rem;padding-inline:.375rem .625rem;display:flex}.d3p-color input[type=color]{border:1px solid var(--d3p-border);cursor:pointer;background:0 0;border-radius:.375rem;flex:none;width:1.5rem;height:1.5rem;padding:0}.d3p-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.d3p-color input[type=color]::-webkit-color-swatch{border:none;border-radius:.3125rem}.d3p-color input[type=text]{min-width:0;font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}.d3p-coded{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.d3p-coded code{font-size:var(--sl-text-xs);color:var(--d3p-text);background:var(--d3p-chrome);border:1px dashed var(--d3p-border-strong);border-radius:var(--d3p-field-radius);padding:.375rem .625rem}.d3p-coded button{font-size:var(--sl-text-xs);color:var(--sl-color-text-accent)}.d3p-empty{font-size:var(--sl-text-sm);color:var(--d3p-muted);margin:0;padding:1.125rem 1.25rem}.d3p-code pre{font-family:var(--__sl-font-mono);white-space:pre-wrap;margin:0;padding:.5rem .75rem;font-size:.8125rem}.d3p-code .cm-editor{max-height:28rem}.d3p-flavors{border-bottom:1px solid var(--d3p-border);padding:.375rem .625rem}.d3p-flavors button{padding-inline:.625rem}.d3p-copy{margin-inline-start:auto}@media (width<=40rem){.d3p-control{grid-template:"key""desc""input"/minmax(0,1fr)}.d3p-control>:last-child{margin-top:.375rem}}@media (width>=50rem){.d3p.is-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.d3p.is-split .d3p-side{border-top:none;border-inline-end:1px solid var(--d3p-border)}.d3p.is-split .d3p-panel{flex-direction:column;display:flex}.d3p.is-split .d3p-code,.d3p.is-split .d3p-snippet{flex-direction:column;flex:1;display:flex}.d3p.is-split .d3p-code>*{flex:1}.d3p.is-split .d3p-code .cm-editor{height:100%;max-height:none}.d3p.is-split .d3p-stage{align-self:center}}@media (width<=49.99rem){.d3p.is-split .d3p-stage{border-top:1px solid var(--d3p-border)}}.d3p-anchor{border:1px dashed var(--d3p-border-strong);border-radius:var(--d3p-field-radius);color:var(--d3p-muted);font-size:var(--sl-text-sm);padding:.75rem 1.25rem;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}