/*-----------------------------------
  Axes & Labels
  -----------------------------------*/

.ps-chart-x-axis-tick-label {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ps-chart-y-axis-label {
  font-size: 0.875rem;
}

/*----------------------------------- 
  Pie Chart 
  -----------------------------------*/
.ps-pie-chart-center-label {
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 9999px;
    padding: 1em;
    hyphens: auto;
    word-break: break-word;
  }
  .ps-pie-chart-value {
    font-family: monospace;
    font-size: 1em;
    font-weight: 400;
    transition: opacity 500ms linear;
  }
  .ps-pie-chart-leader {
    stroke: currentColor;
    stroke-weight: 2;
    vector-effect: non-scaling-stroke;
    transition: opacity 500ms linear;
  }
  .ps-pie-chart-leader.null-value,
  .ps-pie-chart-value.null-value {
    opacity: 0;
  }

  .ps-chart-legend-text {
    font-family: monospace;
    font-weight: 400;
  }