.widget-block{--cds-text-primary:var(--text);--cds-text-secondary:var(--muted);--cds-chart-axis:color-mix(in srgb, var(--text) 55%, var(--bg));--cds-chart-grid:var(--border);--cds-chart-reference-tint:color-mix(in srgb, var(--text) 5%, transparent);--cds-chart-categorical-1:var(--accent);--cds-chart-categorical-2:#3b82c4;--cds-chart-categorical-3:#2a9d8f;--cds-chart-categorical-4:#8b6bd1;--cds-chart-categorical-5:#d0643a;--cds-chart-categorical-6:#c2417a;--cds-chart-categorical-7:#6f8f2f;--cds-chart-categorical-8:#c9971a;--cds-chart-status-good:#2f9e5b;--cds-chart-status-warning:#c98a12;--cds-chart-status-critical:var(--danger);margin:1em 0;position:relative}.tab-editor .ProseMirror .widget-block pre.widget-source{margin:0 0 .5rem;display:none}.tab-editor .ProseMirror .widget-block:is([data-editing],[data-state=error]) pre.widget-source{display:block}.widget-chrome{border:1px solid #0000;border-radius:8px;position:relative}.widget-block:hover .widget-chrome,.widget-block[data-editing] .widget-chrome{border-color:var(--border)}.widget-stage{width:100%;position:relative}.widget-frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;border:0;width:100%;height:100%;display:block}.widget-block[data-state=error] .widget-stage{display:none}.widget-label-input{box-sizing:border-box;border:1px solid var(--accent);background:var(--surface);color:var(--text);font-family:var(--font-sans);outline:2px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:4px;padding:.1em .3em;position:absolute;transform:translateY(-50%)}.widget-diagnostics{color:var(--danger);font-family:var(--font-mono);margin:.25rem 0 0;padding:0 .75rem;font-size:.8rem;list-style:none}.widget-diagnostics:empty{display:none}.widget-edit{border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;opacity:0;border-radius:6px;padding:.2rem .55rem;font-size:.8rem;position:absolute;top:.5rem;right:.5rem}.widget-block:hover .widget-edit,.widget-edit:focus-visible{opacity:1}.widget-block[data-editing] .widget-edit{display:none}.tab-editor:not(:has(.ProseMirror[contenteditable=true])) .widget-edit{display:none}@media print{.widget-edit,.widget-diagnostics,.widget-label-input{display:none!important}.widget-chrome{border-color:#0000!important}}
