The cart element has two states - empty and default. You can style the cart in the empty state and the default state separately. The cart is empty by default.

Cart wrapper

This is the outermost wrapper of the cart. It contains the cart states.

Give this cart wrapper an attribute of

looop=cart

Developing cart states

Inside this wrapper, we need to add two required elements - the empty cart and the default cart.