.c-empty-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: var(--spacing-12);
  gap: var(--spacing-8);
  border-radius: var(--radius-4);
  background: var(--color-surface-base-secondary);
  .c-empty-content-image {
    width: 64px;
    height: 64px;
    background: rgba(var(--color-primary-rgb), 0.1);
    border-radius: var(--radius-round);
    display: flex;
    align-items: center;
    justify-content: center;
    .icon {
      width: 36px;
      height: 36px;
      fill: var(--color-text-primary);
    }
  }
  .empty-content-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-2);
    .empty-lead {
      font-size: var(--font-size-6);
      font-weight: 700;
      color: var(--color-text-base-middle);
    }
    .empty-description {
      color: var(--color-text-base-low);
      line-height: var(--line-height-2);
      font-size: var(--font-size-2);
    }
  }
}