.tp-tile{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:var(--radius-md);transition:transform .15s ease}.tp-tile svg{width:55%;height:55%}.tp-tile--sm{width:36px;height:36px;border-radius:var(--radius-sm)}.tp-tile--md{width:48px;height:48px}.tp-tile--lg{width:64px;height:64px;border-radius:var(--radius-lg)}.tp-tile--dark{background:var(--ink);color:#fff}.tp-tile--gray{background:var(--surface-muted);color:var(--ink)}.tp-tile--gradient{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-brand)}.tp-tile--outline{background:#fff;color:var(--ink);border:1px solid var(--border-default)}