/* [project]/components/visualize/svg-theme.css [app-client] (css) */
.dt-svg-root svg {
  width: 100%;
  height: auto;
  display: block;
}

.dt-chart-wrap {
  max-height: 480px;
}

.dt-viz-fullscreen svg {
  max-height: calc(100vh - 140px);
}

.dt-viz-fullscreen .dt-chart-wrap {
  max-width: min(100%, 200vh - 280px);
  max-height: none;
  margin-inline: auto;
}

.dt-svg-root, .dt-svg-root text {
  font-family: var(--font-sans, ui-sans-serif,
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif);
}

.dt-svg-root text {
  dominant-baseline: central;
}

.dt-svg-root text.t, .dt-svg-root text.th {
  fill: var(--foreground);
  font-size: 14px;
}

.dt-svg-root text.th {
  font-weight: 500;
}

.dt-svg-root text.ts {
  fill: var(--muted-foreground);
  font-size: 12px;
}

.dt-svg-root .box {
  fill: var(--secondary);
  stroke: var(--border);
  stroke-width: .5px;
}

.dt-svg-root .arr {
  stroke: var(--muted-foreground);
  stroke-width: 1.5px;
  fill: none;
}

.dt-svg-root .leader {
  stroke: var(--muted-foreground);
  stroke-width: .5px;
  stroke-dasharray: 3 3;
  fill: none;
}

.dt-svg-root .node, .dt-svg-root [data-prompt] {
  cursor: pointer;
}

.dt-svg-root .node {
  transition: opacity .15s;
}

.dt-svg-root .node:hover, .dt-svg-root [data-prompt]:hover {
  opacity: .82;
}

.dt-svg-root .c-gray {
  --fill: #f1efe8;
  --stroke: #5f5e5a;
  --text: #2c2c2a;
}

.dt-svg-root .c-blue {
  --fill: #e6f1fb;
  --stroke: #185fa5;
  --text: #0c447c;
}

.dt-svg-root .c-teal {
  --fill: #e1f5ee;
  --stroke: #0f6e56;
  --text: #085041;
}

.dt-svg-root .c-coral {
  --fill: #faece7;
  --stroke: #993c1d;
  --text: #712b13;
}

.dt-svg-root .c-pink {
  --fill: #fbeaf0;
  --stroke: #993556;
  --text: #72243e;
}

.dt-svg-root .c-purple {
  --fill: #eeedfe;
  --stroke: #534ab7;
  --text: #3c3489;
}

.dt-svg-root .c-green {
  --fill: #eaf3de;
  --stroke: #3b6d11;
  --text: #27500a;
}

.dt-svg-root .c-amber {
  --fill: #faeeda;
  --stroke: #854f0b;
  --text: #633806;
}

.dt-svg-root .c-red {
  --fill: #fcebeb;
  --stroke: #a32d2d;
  --text: #791f1f;
}

.dark .dt-svg-root .c-gray {
  --fill: #444441;
  --stroke: #b4b2a9;
  --text: #d3d1c7;
}

.dark .dt-svg-root .c-blue {
  --fill: #0c447c;
  --stroke: #85b7eb;
  --text: #b5d4f4;
}

.dark .dt-svg-root .c-teal {
  --fill: #085041;
  --stroke: #5dcaa5;
  --text: #9fe1cb;
}

.dark .dt-svg-root .c-coral {
  --fill: #712b13;
  --stroke: #f0997b;
  --text: #f5c4b3;
}

.dark .dt-svg-root .c-pink {
  --fill: #72243e;
  --stroke: #ed93b1;
  --text: #f4c0d1;
}

.dark .dt-svg-root .c-purple {
  --fill: #3c3489;
  --stroke: #afa9ec;
  --text: #cecbf6;
}

.dark .dt-svg-root .c-green {
  --fill: #27500a;
  --stroke: #97c459;
  --text: #c0dd97;
}

.dark .dt-svg-root .c-amber {
  --fill: #633806;
  --stroke: #ef9f27;
  --text: #fac775;
}

.dark .dt-svg-root .c-red {
  --fill: #791f1f;
  --stroke: #f09595;
  --text: #f7c1c1;
}

.dt-svg-root :is(.c-gray, .c-blue, .c-teal, .c-coral, .c-pink, .c-purple, .c-green, .c-amber, .c-red) > :is(rect, circle, ellipse, polygon), .dt-svg-root :is(rect, circle, ellipse, polygon):is(.c-gray, .c-blue, .c-teal, .c-coral, .c-pink, .c-purple, .c-green, .c-amber, .c-red) {
  fill: var(--fill);
  stroke: var(--stroke);
}

.dt-svg-root :is(.c-gray, .c-blue, .c-teal, .c-coral, .c-pink, .c-purple, .c-green, .c-amber, .c-red) text {
  fill: var(--text);
}

/*# sourceMappingURL=components_visualize_svg-theme_10w2oid.css.map*/