<?xml version="1.0" encoding="UTF-8"?>
<template name="Countdown box" category="Timers" description="Corner countdown that starts when it goes on air." anim="slide" from="right" animMs="450">
  <field id="minutes" label="Countdown (minutes)" type="number" default="5" min="0.5" max="600" step="0.5"/>
  <field id="label" label="Label" default="Starting in"/>
  <field id="accent" label="Accent colour" type="color" default="#f59e0b"/>

  <rect x="1592" y="48" w="280" h="116" radius="12" fill="rgba(12,15,20,0.9)"/>
  <rect x="1592" y="66" w="6" h="80" fill="{accent}"/>
  <text x="1622" y="64" size="20" weight="700" color="{accent}" letterSpacing="1.5" uppercase="true" if="label">{label}</text>
  <clock x="1622" y="92" w="230" h="58" valign="middle" size="52" weight="700" font="mono" color="#ffffff" warnColor="#f87171" warnAt="10" mode="countdown" minutes="{minutes}"/>
</template>
