<?xml version="1.0" encoding="UTF-8"?>
<template name="Ranked item" category="Lower thirds" description="A big index number with a title and detail — ideal for top-10 countdowns." anim="slide" from="left" animMs="500">
  <field id="num" label="Number" default="1"/>
  <field id="title" label="Title" default="The Last Horizon"/>
  <field id="detail" label="Detail" default="Best indie game of the year"/>
  <field id="accent" label="Accent start" type="color" default="#8b5cf6"/>
  <field id="accent2" label="Accent end" type="color" default="#ec4899"/>

  <rect x="110" y="800" w="140" h="140" radius="16" fill="linear(135,{accent},{accent2})"/>
  <text x="180" y="870" align="center" valign="middle" size="92" weight="900" color="#ffffff">{num}</text>
  <rect x="250" y="800" h="140" fill="rgba(12,15,20,0.92)" fit="title,detail" pad="34" min="560"/>
  <text id="title" x="284" y="828" size="48" weight="800" color="#ffffff" maxWidth="1050">{title}</text>
  <text id="detail" x="284" y="888" size="28" weight="500" color="rgba(255,255,255,0.75)" maxWidth="1050" if="detail">{detail}</text>
</template>
