:host {
  color: rgb(var(--dark-primary-text));
  display: block;

  .allocations-by-symbol {
    gf-portfolio-proportion-chart {
      max-width: 80vh;
    }
  }

  .world-map-chart {
    .mat-mdc-card {
      .world-map-chart-container {
        aspect-ratio: 16 / 9;
      }
    }
  }
}

:host-context(.theme-dark) {
  color: rgb(var(--light-primary-text));
}