Improved shop

pages/inventory/inventory.scarlet

@@ -16,12 +16,45 @@ inventory-slot-size = 64px
 	display flex
 	align-items center
 	justify-content center
-	font-size 2rem
+	font-size 2.5rem
+
+	[draggable="true"]
+		:hover
+			cursor pointer
+
+			.item-icon
+				animation hover-item 1s infinite ease-in-out
 	
 	.icon
 		margin 0
 		pointer-events none
 
+	// [data-item-id="pro-account-3"]
+	// 	.item-icon
+	// 		opacity 0.7
+
+	// [data-item-id="pro-account-6"]
+	// 	.item-icon
+	// 		opacity 0.8
+
+	// [data-item-id="pro-account-12"]
+	// 	.item-icon
+	// 		opacity 0.9
+
+	// [data-item-id="pro-account-24"]
+	// 	.item-icon
+	// 		opacity 1.0
+
+animation hover-item
+	0%
+		transform rotateZ(0)
+	20%
+		transform rotateZ(5deg)
+	80%
+		transform rotateZ(-5deg)
+	100%
+		transform rotateZ(0)
+
 .inventory-slot-quantity
 	position absolute
 	bottom 0.25rem