:host {
  @apply grid grid-flow-col gap-4 bg-white rounded p-4 shadow;
  grid-template-columns: 1fr auto;
}

.title {
  @apply font-bold uppercase;
  color: var(--page-dashboard-card-title-color);
}

.content-wrapper {
  @apply grid grid-flow-row;
  grid-template-row: auto;
}

.actual-numbers {
  font-size: 3.375rem;
  line-height: 3.375rem;
  @apply font-bold pt-4;
}

.target-numbers {
  @apply text-sm;
  color: var(--page-dashboard-card-title-color);
}

ui-circle-progress {
  @apply self-center;
}
