<?xml version="1.0" encoding="UTF-8"?>
<template name="New subscriber" category="Alerts" description="Toast alert for a new or resubscribing member." anim="zoom" from="top" animMs="450">
  <field id="name" label="Name" default="PixelKnight"/>
  <field id="months" label="Months" default="6"/>
  <field id="accent" label="Accent start" type="color" default="#f59e0b"/>
  <field id="accent2" label="Accent end" type="color" default="#ef4444"/>

  <rect x="610" y="90" w="700" h="116" radius="18" fill="linear(90,{accent},{accent2})" shadow="30,rgba(0,0,0,0.45),8"/>
  <rect x="632" y="112" w="72" h="72" radius="36" fill="rgba(255,255,255,0.2)"/>
  <text x="668" y="149" align="center" valign="middle" size="40" weight="900" color="#ffffff">&#9733;</text>
  <text x="730" y="128" size="22" weight="800" color="rgba(255,255,255,0.85)" letterSpacing="2" uppercase="true">New subscriber</text>
  <text id="name" x="730" y="152" size="40" weight="900" color="#ffffff" maxWidth="420">{name}</text>
  <rect x="1180" y="118" w="108" h="60" radius="12" fill="rgba(0,0,0,0.28)" if="months"/>
  <text x="1234" y="148" align="center" valign="middle" size="30" weight="900" font="mono" color="#ffffff" if="months">{months}mo</text>
</template>
