{# @description Three blurred discs of the theme's colours, drifting slowly across each other. No invert needed. #}
{# @prop from:select['primary', 'secondary', 'accent', 'neutral', 'base-100', 'base-200', 'base-300'] | default:"primary" | description:"The disc that starts at the top" #}
{# @prop via:select['primary', 'secondary', 'accent', 'neutral', 'base-100', 'base-200', 'base-300'] | default:"accent" | description:"The disc that starts in the middle" #}
{# @prop to:select['primary', 'secondary', 'accent', 'neutral', 'base-100', 'base-200', 'base-300'] | default:"secondary" | description:"The disc that starts at the foot" #}
{# @prop intensity:number | default:"0.2" | description:"How far the layer comes through, from 0 to 1. Check 0.4 and above against a dark theme." #}
{# @prop speed:number | default:"1" | description:"How quickly the discs drift, as a multiple: 2 is twice as fast, 0.5 half" #}
{# @prop class:text | description:"Extra classes on the layer" #}
{% comment %}
One set of keyframes on three durations and two directions, so the discs never
fall into step (docs/adr/0004-moving-backgrounds-are-css-only.md).
{% endcomment %}