<?xml version="1.0" encoding="UTF-8"?>
<template name="Starting soon bar" category="Timers" description="A bottom bar countdown that keeps your camera visible." anim="slide-up" from="bottom" animMs="450">
  <field id="label" label="Message" default="Stream starting soon"/>
  <field id="minutes" label="Countdown (minutes)" type="number" default="5" min="0.5" max="600" step="0.5"/>
  <field id="accent" label="Accent start" type="color" default="#6366f1"/>
  <field id="accent2" label="Accent end" type="color" default="#06b6d4"/>

  <rect x="0" y="956" w="1920" h="124" fill="rgba(10,12,16,0.94)"/>
  <rect x="0" y="956" w="1920" h="4" fill="linear(90,{accent},{accent2})"/>
  <text id="label" x="110" y="1018" valign="middle" size="44" weight="800" color="#ffffff" maxWidth="1200">{label}</text>
  <rect x="1512" y="982" w="300" h="72" radius="12" fill="linear(90,{accent},{accent2})"/>
  <clock x="1662" y="982" w="300" h="72" align="center" valign="middle" size="48" weight="800" font="mono" color="#ffffff" warnColor="#fde047" warnAt="10" mode="countdown" minutes="{minutes}"/>
</template>
