<?xml version="1.0" encoding="UTF-8"?>
<template name="Break countdown" category="Timers" description="A break message with a countdown and a scrolling note." anim="slide-up" from="bottom" animMs="450">
  <field id="label" label="Message" default="Back in a few minutes"/>
  <field id="minutes" label="Countdown (minutes)" type="number" default="10" min="0.5" max="600" step="0.5"/>
  <field id="note" label="Crawl note" type="multiline" default="Stretch your legs  •  Grab a drink  •  We'll be right back"/>
  <field id="speed" label="Crawl speed (px/s)" type="number" default="120" min="20" max="600" step="10"/>
  <field id="accent" label="Accent colour" type="color" default="#f59e0b"/>

  <rect x="0" y="892" w="1920" h="188" fill="rgba(10,12,16,0.95)"/>
  <rect x="0" y="892" w="1920" h="4" fill="{accent}"/>
  <rect x="110" y="920" w="300" h="92" radius="14" fill="{accent}"/>
  <clock x="260" y="920" w="300" h="92" align="center" valign="middle" size="60" weight="900" font="mono" color="#0b0d10" mode="countdown" minutes="{minutes}"/>
  <text id="label" x="446" y="966" valign="middle" size="46" weight="800" color="#ffffff" maxWidth="1360">{label}</text>
  <rect x="0" y="1028" w="1920" h="52" fill="rgba(0,0,0,0.4)"/>
  <crawl x="110" right="1810" y="1028" h="52" size="26" weight="500" color="#ffffff" sepColor="{accent}" speed="{speed}">{note}</crawl>
</template>
