.canvas-card{--card-bg:var(--bg);--card-border:color-mix(in srgb, var(--text) 12%, var(--bg));--card-hover:color-mix(in srgb, var(--text) 6%, var(--card-bg));--card-selected:color-mix(in srgb, var(--text) 11%, var(--card-bg));--panel-action-bg:transparent;--card-rim:color-mix(in srgb, var(--text) 14%, transparent);box-sizing:border-box;border:.5px solid var(--card-border);background:var(--card-bg);min-width:0;color:var(--text);border-radius:10px;flex-direction:column;padding:6px 12px;font-size:12px;font-weight:450;line-height:16px;display:flex;box-shadow:0 .5px 1px #0000000f,0 12px 32px -12px #00000029}.dark .canvas-card{--card-bg:var(--bg-secondary);--card-border:color-mix(in srgb, var(--text) 14%, var(--bg-secondary));--card-hover:color-mix(in srgb, var(--text) 9%, var(--card-bg));--card-selected:color-mix(in srgb, var(--text) 15%, var(--card-bg));--card-rim:color-mix(in srgb, var(--text) 33%, transparent);box-shadow:0 .5px 1px 1px #000000e6,0 12px 32px -12px #00000080}.canvas-card-header{align-items:center;gap:6px;min-width:0;min-height:28px;display:flex}.canvas-card-heading{min-width:0;height:28px;color:var(--text-secondary);font:inherit;text-align:start;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin-inline-start:-8px;padding:0 8px;font-size:13px;font-weight:500;display:inline-flex}.canvas-card-body{flex-direction:column;gap:8px;min-width:0;padding-block-start:2px;display:flex}.canvas-card-caret{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:transform .15s;display:inline-flex}.canvas-card-caret[data-collapsed=true]{transform:rotate(-90deg)}[dir=rtl] .canvas-card-caret[data-collapsed=true]{transform:rotate(90deg)}.canvas-card-tabs{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:inline-grid}.canvas-card-tab,.canvas-card .panel-action-button,.canvas-card .graph-filter-builder-button,.canvas-card .graph-filter-view-button,.canvas-card .graph-filter-settings-button,.canvas-card .graph-filter-chip{background:var(--card-hover);max-width:100%;min-height:28px;color:var(--text-secondary);font:inherit;white-space:nowrap;border:0;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:4px 12px;transition:transform .15s;display:inline-flex}.canvas-card-tab{height:28px;box-shadow:0 0 0 .5px var(--card-rim);font-weight:500}.canvas-card-tab[aria-checked=true],.canvas-card-tab[aria-pressed=true],.canvas-card [aria-pressed=true].graph-filter-builder-button{background:var(--card-selected);color:var(--text)}.canvas-card-heading:hover,.canvas-card-tab:not(:disabled):hover,.canvas-card .panel-action-button:not(:disabled):hover,.canvas-card .graph-filter-builder-button:not(:disabled):hover,.canvas-card .graph-filter-view-button:not(:disabled):hover,.canvas-card .graph-filter-settings-button:not(:disabled):hover,.canvas-card .graph-filter-chip:not(:disabled):hover,.canvas-card .canvas-graph-row:hover{color:var(--text)}.canvas-card-tab:not([aria-checked=true],[aria-pressed=true]):hover,.canvas-card .panel-action-button:not(:disabled):hover{background:var(--card-hover)}.canvas-card :focus-visible{outline:1px solid var(--color-accent-insight);outline-offset:-1px}.canvas-card button:disabled{cursor:not-allowed;opacity:.4}@media (prefers-reduced-motion:reduce){.canvas-card *,.canvas-card :before,.canvas-card :after{transition:none;animation:none}.canvas-card button:active{transform:none}}