Chequo

SVG animation prompt

Make an animated SVG for a restaurant kiosk welcome screen.

Subject: [a coffee being poured into a cup]
Screen: [wide, landscape only]
Layout: [subject, with a transparent background]
Loop length: [6 seconds]
Still frame second: [0]
Colours: [use --kiosk-accent for the cup; keep the coffee a natural brown]
Positions: [logo and buttons on the left, so keep the left third empty]

Follow the SVG animation format below exactly; reply with only the SVG file.

Before you answer, check every rule in the format: the viewBox shape, the
data-kiosk-layout, data-kiosk-loop and data-kiosk-still attributes, every
animation duration equal to the loop or a length that divides it, only allowed
elements, no scripts, links, web fonts or outside references, and none of the
forbidden words in any text. Check every moving group against the performance
rules: its size (width and height including children), its travel per cycle, and
that its duration divides the loop.