.cobalt- {
  &EmptyState {
    @apply c-p-sm;
    max-width: calc(120 * theme("spacing.2xs"));
    margin-left: auto;
    margin-right: auto;

    text-align: center;

    @include breakpoint($from: md) {
      @apply c-p-lg;
    }
  }

  &EmptyState__Image {
    @apply c-mb-md;
    max-width: 100%;
    height: auto;
  }

  &EmptyState__Title {
    @apply c-text-title-sm c-mb-xs;
  }

  &EmptyState__Body {
    @apply c-text-body-md c-text-subdued c-mb-md;
  }
}