<?xml version="1.0" encoding="UTF-8"?>
<template name="Callout" category="Info" description="A key point or definition with an icon badge." anim="slide" from="left" animMs="450">
  <field id="kicker" label="Kicker" default="KEY POINT"/>
  <field id="text" label="Text" type="multiline" default="One encode is fanned out to every platform — no extra CPU per destination."/>
  <field id="accent" label="Accent colour" type="color" default="#f59e0b"/>

  <rect x="110" y="800" h="140" radius="16" fill="rgba(12,15,20,0.94)" fit="text" pad="34" extra="104" min="620"/>
  <rect x="134" y="824" w="72" h="72" radius="14" fill="{accent}"/>
  <text x="170" y="860" align="center" valign="middle" size="44" weight="900" color="#0b0d10">i</text>
  <text id="kicker" x="230" y="820" size="20" weight="900" color="{accent}" letterSpacing="2" uppercase="true" if="kicker">{kicker}</text>
  <text id="text" x="230" y="852" w="1380" size="30" weight="600" color="#ffffff" maxWidth="1380">{text}</text>
</template>
