<?xml version="1.0" encoding="UTF-8"?>
<template name="Raid" category="Alerts" description="Toast alert for an incoming raid, with viewer count." anim="slide-right" from="right" animMs="450">
  <field id="name" label="Raider" default="CaptainStream"/>
  <field id="count" label="Viewers" default="142"/>
  <field id="accent" label="Accent start" type="color" default="#f43f5e"/>
  <field id="accent2" label="Accent end" type="color" default="#f97316"/>

  <rect x="560" y="86" w="800" h="124" radius="18" fill="linear(90,{accent},{accent2})" shadow="30,rgba(0,0,0,0.45),8"/>
  <rect x="584" y="112" w="72" h="72" radius="36" fill="rgba(255,255,255,0.2)"/>
  <text x="620" y="149" align="center" valign="middle" size="40" weight="900" color="#ffffff">&#187;</text>
  <text x="684" y="124" size="22" weight="800" color="rgba(255,255,255,0.85)" letterSpacing="2" uppercase="true">Incoming raid</text>
  <text id="name" x="684" y="150" size="40" weight="900" color="#ffffff" maxWidth="440">{name}</text>
  <rect x="1150" y="112" w="186" h="72" radius="12" fill="rgba(0,0,0,0.3)"/>
  <text x="1243" y="148" align="center" valign="middle" size="34" weight="900" font="mono" color="#ffffff">+{count}</text>
</template>
