<?xml version="1.0" encoding="UTF-8"?>
<template name="Social handle" category="Lower thirds" description="Pill with an icon badge and your @handle." anim="slide" from="left" animMs="450">
  <field id="handle" label="Handle" default="@streamstudio"/>
  <field id="icon" label="Badge text" default="@"/>
  <field id="accent" label="Badge colour" type="color" default="#e11d48"/>

  <rect x="110" y="860" h="72" radius="36" fill="rgba(12,15,20,0.88)" fit="handle" pad="28" extra="58" min="300"/>
  <rect x="118" y="868" w="56" h="56" radius="28" fill="{accent}"/>
  <text x="146" y="896" align="center" valign="middle" size="30" weight="800" color="#ffffff">{icon}</text>
  <text id="handle" x="196" y="896" valign="middle" size="34" weight="700" color="#ffffff" maxWidth="1000">{handle}</text>
</template>
