.sankey-container{width:100%;margin:20px 0}.sankey-chart-wrapper,.chord-chart-wrapper,.flow-diagram-wrapper{width:100%;border-radius:8px;padding:10px;display:flex;align-items:center;justify-content:center}.chord-chart-wrapper{width:100%;min-height:500px;overflow:visible}.chord-chart-wrapper svg{display:block;margin:0 auto;max-width:100%;height:auto;min-height:500px}.flow-diagram-wrapper{position:relative}.flow-diagram-wrapper .react-flow{width:100%;height:100%}.flow-diagram-wrapper .react-flow__node{font-family:var(--font-text),sans-serif}.flow-diagram-wrapper .react-flow__edge{pointer-events:none}.flow-diagram-wrapper .react-flow__edge-path{stroke-width:2}.flow-diagram-wrapper .react-flow__controls,.flow-diagram-wrapper .react-flow__attribution{display:none}.sankey-tooltip{background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:12px 14px;box-shadow:0 4px 12px #00000026;font-family:var(--font-text),sans-serif;text-align:start}.sankey-tooltip strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px;color:var(--main-color)}.sankey-tooltip div{font-size:12px;color:var(--app-content-secondary-color)}.dark-mode .sankey-tooltip{background:#333333f2;border-color:#ffffff1a}.dark-mode .sankey-tooltip strong{color:#fff}.dark-mode .sankey-tooltip div{color:#ffffffb3}.sankey-chart-wrapper svg text{cursor:pointer;-webkit-user-select:none;user-select:none}.sankey-chart-wrapper svg path{transition:opacity .2s ease}@media(max-width:768px){.sankey-chart-wrapper{height:400px}}