User:Alistair3149/sandbox/fundtracker/styles.css

.template-fundtrack { display: flex; flex-direction: column; gap: var( --space-xs ); font-size: 0.875rem; border-top: 1px solid var( --border-color-base ); margin-top: var( --space-md ); padding-top: var( --space-md ); }

.template-fundtrack-stats { display: flex; justify-content: space-between; align-items: flex-end; line-height: 1; color: var(--color-base--emphasized ); font-weight: var( --font-weight-medium ); font-size: 1rem; }

.template-fundtrack-stats-primary { color: var( --color-base--emphasized ); font-size: var( --font-size-h3 ); }

.template-fundtrack-progressbar { display: flex; overflow: hidden; height: 4px; border-radius: var( --border-radius--pill ); background-color: var( --color-surface-0 ); }

.template-fundtrack-progressbar-item { height: 100%; background-color: var( --color-surface-3 ); }

.template-fundtrack-progressbar-item.template-fundtrack-source-patreon { background-color: #f96854; }

.template-fundtrack-progressbar-item.template-fundtrack-source-kofi { background-color: #ffc0cb; }

.template-fundtrack-progressbar-item.template-fundtrack-source-tobii { background-color: #00beff; }

.template-fundtrack-legend { font-size: 0.8125rem; }

.template-fundtrack-legend-item { display: grid; grid-template-columns: auto 1fr auto; gap: var( --space-xs ); }

.template-fundtrack-legend-item-indicator { color: var( --color-surface-3 ); }

.template-fundtrack-source-patreon .template-fundtrack-legend-item-indicator { color: #f96854; }

.template-fundtrack-source-kofi .template-fundtrack-legend-item-indicator { color: #ffc0cb; }

.template-fundtrack-source-tobii .template-fundtrack-legend-item-indicator { color: #00beff; }

.template-fundtrack-legend-item-title { color: var( --color-base ); font-weight: var( --font-weight-medium ); }

.template-fundtrack-legend-item-amount { color: var( --color-base--subtle ); }