@layer components {
  [data-coco][data-component="placeholder"] {
    @apply border border-dashed border-gray-400 p-4 bg-gray-50 text-center;

    &[data-size="full"] {
      @apply w-full h-full;

      .placeholder-inner {
        @apply flex items-center justify-center h-full w-full;
      }

      .placeholder-content {
        @apply m-auto;
      }
    }
  }
}