.assessment-survey-population-processing {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;

  .population-processing-graphic {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: min(100%, 400px);
    aspect-ratio: 1;
    border-radius: var(--border-radius-full);
    background:
      linear-gradient(to bottom, transparent, var(--color-bg-primary)),
      repeating-radial-gradient(
        circle,
        transparent 0,
        transparent 31px,
        var(--color-border-secondary) 31px,
        var(--color-border-secondary) 32px
      );
  }

  .population-processing-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: var(--spacing-xl);
    border: 1px solid var(--color-border-primary);
    border-radius: var(--border-radius-md);
    background-color: var(--color-bg-primary);
    color: var(--color-fg-quaternary);
    font-size: var(--font-size-xl);
    box-shadow: 0 1px 2px var(--color-shadow-lg-03);
  }

  .population-processing-icon i {
    --fa-primary-color: var(--color-border-selected);
    --fa-secondary-color: var(--color-fg-icn_secondary-alt);
  }

  .population-processing-graphic > strong {
    color: var(--color-text-primary);
    font-size: var(--font-size-md);
    font-weight: var(--weight-semi-bold);
  }

  .population-processing-description {
    font-size: var(--font-size-sm);
    padding: 10px 0 20px 0;
    text-align: center;
  }

  .population-processing-steps {
    margin: var(--spacing-md) 0 0;
    padding-left: var(--spacing-xl);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-text-md);
    text-align: left;
    align-self: baseline;
  }
}