<?xml version="1.0" encoding="UTF-8"?>
<template name="Gradient" category="Lower thirds" description="Modern gradient bar with a kicker, name and role." anim="slide" from="left" animMs="520">
  <field id="kicker" label="Kicker" default="GUEST"/>
  <field id="name" label="Name" default="Morgan Hayes"/>
  <field id="role" label="Title / role" default="Founder &amp; CEO, Northwind"/>
  <field id="accent" label="Accent start" type="color" default="#6366f1"/>
  <field id="accent2" label="Accent end" type="color" default="#06b6d4"/>

  <rect x="110" y="812" h="78" radius="6" fill="linear(90,{accent},{accent2})" fit="name" pad="30" extra="92" min="420"/>
  <rect x="124" y="828" w="46" h="46" radius="6" fill="rgba(255,255,255,0.18)" if="kicker"/>
  <text id="kicker" x="147" y="851" align="center" valign="middle" size="20" weight="900" color="#ffffff" letterSpacing="1" if="kicker">{kicker}</text>
  <text id="name" x="192" y="812" h="78" valign="middle" size="44" weight="800" color="#ffffff" maxWidth="1000">{name}</text>
  <rect x="110" y="890" h="46" radius="6" fill="rgba(12,15,20,0.9)" fit="role" pad="26" if="role"/>
  <text id="role" x="136" y="890" h="46" valign="middle" size="26" weight="500" color="rgba(255,255,255,0.9)" maxWidth="1000" if="role">{role}</text>
</template>
