/* GENERATED by scripts/icons/build-icon-sprite.mjs — 禁手編（改 icon-sources.mjs / ui-icon-lexicon.json 後重跑）。
 * tl-icons.css — TL Icon System 前端樣式（.tl-ic 基礎 + 尺寸/tile class）。
 * 用法：<svg class="tl-ic" width="1em" height="1em" aria-hidden="true" data-tl-icon="wallet">
 *         <use href="/global/tl-icon-sprite.svg#tlic-wallet"></use></svg>
 * 雙色 accent：在 host <svg> 設 style="--tl-ic-accent:var(--tl-brand-green)"（CSS 變數穿透 <use> shadow DOM）。 */

.tl-ic {
  width: 1em; height: 1em;
  display: inline-block; vertical-align: -0.125em;
  fill: none; stroke: currentColor; stroke-width: 1.7;
  stroke-linejoin: miter; stroke-linecap: round;
  flex: none;
}
/* accent 層（sprite 內 .tlic-accent 已內聯 fill:var(--tl-ic-accent,currentColor)；此處僅補保險）。 */
.tl-ic .tlic-accent { stroke: none; }

/* 尺寸刻度（零 CLS：1em 固定盒 + markup width/height 屬性） */
.tl-ic--sm{width:0.875em;height:0.875em}
.tl-ic--md{width:1em;height:1em}
.tl-ic--lg{width:1.25em;height:1.25em}
.tl-ic--xl{width:1.5em;height:1.5em}

/* tile 容器（產品線 accent「icon 容器背景」合法用法·對齊 brand-ci 三選一鐵則） */
.tl-ic-tile {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2.25em; height: 2.25em; border-radius: var(--tl-radius-md);
  border: 1px solid transparent;
}
.tl-ic-tile > .tl-ic { width: 1.25em; height: 1.25em; }
.tl-ic-tile--line-bloom{background:var(--tl-line-bloom-bg);border-color:var(--tl-line-bloom-border);color:var(--tl-line-bloom)}
.tl-ic-tile--line-nodes{background:var(--tl-line-nodes-bg);border-color:var(--tl-line-nodes-border);color:var(--tl-line-nodes)}
.tl-ic-tile--line-academy{background:var(--tl-line-academy-bg);border-color:var(--tl-line-academy-border);color:var(--tl-line-academy)}
.tl-ic-tile--line-partner{background:var(--tl-line-partner-bg);border-color:var(--tl-line-partner-border);color:var(--tl-line-partner)}
.tl-ic-tile--line-offers{background:var(--tl-line-offers-bg);border-color:var(--tl-line-offers-border);color:var(--tl-line-offers)}
.tl-ic-tile--line-api{background:var(--tl-line-api-bg);border-color:var(--tl-line-api-border);color:var(--tl-line-api)}
.tl-ic-tile--gold{background:color-mix(in srgb, var(--tl-gold-500) 14%, transparent);border-color:color-mix(in srgb, var(--tl-gold-500) 34%, transparent);color:var(--tl-gold-strong)}
.tl-ic-tile--neutral{background:var(--tl-bg-elevated-2);border-color:var(--tl-border);color:var(--tl-text-muted)}