Group up existing components into elements

elements/AnimeCard/AnimeCard.pixy

@@ -0,0 +1,7 @@
+component AnimeCard(anime *arn.Anime, note string, user *arn.User)
+	a.anime-card.mountable(href=anime.Link())
+		.anime-card-image-container
+			img.anime-card-image.lazy(data-src=anime.ImageLink("small"), data-webp="true", data-color=anime.AverageColor(), alt=anime.Title.ByUser(user))
+		.anime-card-info
+			.anime-card-info-main= anime.Title.ByUser(user)
+			.anime-card-info-details= note

elements/AnimeCard/AnimeCard.scarlet

@@ -0,0 +1,32 @@
+.anime-cards
+	horizontal-wrap
+
+.anime-card
+	card
+
+> 600px
+	.anime-card
+		max-width 300px
+
+.anime-card-image-container
+	width anime-image-small-width
+	height anime-image-small-width
+
+	img
+		width anime-image-small-width
+		height anime-image-small-width
+		border-radius ui-element-border-radius
+		object-fit cover
+
+.anime-card-info
+	vertical
+	margin-left card-padding
+	font-size 0.95em
+
+.anime-card-info-main
+	flex 1
+	line-height 1.3em
+
+.anime-card-info-details
+	color text-color
+	opacity 0.5