{# @description A scatter of small dots in a palette colour, rising and fading. No invert needed. #}
{# @prop color:select['primary', 'secondary', 'accent', 'neutral', 'base-100', 'base-200', 'base-300'] | default:"primary" | description:"The colour of the dots" #}
{# @prop intensity:number | default:"0.4" | description:"How far the layer comes through, from 0 to 1." #}
{# @prop speed:number | default:"1" | description:"How quickly the dots rise, as a multiple: 2 is twice as fast, 0.5 half" #}
{# @prop class:text | description:"Extra classes on the layer" #}
{% comment %}
Positions are written out so the layer weighs the same at every size, and a
dot rises by a share of the block's height (docs/adr/0004-moving-backgrounds-are-css-only.md).
{% endcomment %}