<?xml version="1.0" encoding="UTF-8"?>
<template name="Big countdown" category="Timers" description="Large centred countdown over your video." anim="zoom" from="bottom" animMs="500">
  <field id="minutes" label="Countdown (minutes)" type="number" default="10" min="0.5" max="600" step="0.5"/>
  <field id="label" label="Label" default="We start in"/>
  <field id="accent" label="Label colour" type="color" default="#2dd4bf"/>

  <rect x="660" y="380" w="600" h="320" radius="24" fill="rgba(10,12,16,0.8)" stroke="rgba(255,255,255,0.1)" strokeWidth="2"/>
  <text x="960" y="426" align="center" size="34" weight="700" color="{accent}" letterSpacing="3" uppercase="true">{label}</text>
  <clock x="660" y="480" w="600" h="170" align="center" valign="middle" size="150" weight="800" font="mono" color="#ffffff" warnColor="#f87171" warnAt="10" mode="countdown" minutes="{minutes}"/>
</template>
