.card_1j6ua{border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface);padding:16px}.head_1j6ua{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.title_1j6ua{color:var(--color-muted);margin:0;font-size:13px;font-weight:500}.amount_1j6ua{color:var(--color-ink);margin:4px 0 0;font-size:34px;font-weight:600;line-height:1.1}.note_1j6ua{color:var(--color-muted);margin:6px 0 0;font-size:13px}.bar_1j6ua{margin-top:18px}.tilesBox_1j6ua{container:spend-tiles/inline-size}.tiles_1j6ua{--tile-fit:1;--tile-rows:round(up, var(--tiles,1) / var(--tile-fit));--tile-per-row:round(up, var(--tiles,1) / var(--tile-rows));--tile-gap:1px;gap:var(--tile-gap);border-radius:var(--r-md);background:var(--color-border);flex-wrap:wrap;margin-top:14px;display:flex;overflow:hidden}@container spend-tiles (width>=301px){.tiles_1j6ua{--tile-fit:2}}@container spend-tiles (width>=452px){.tiles_1j6ua{--tile-fit:3}}@container spend-tiles (width>=603px){.tiles_1j6ua{--tile-fit:4}}@container spend-tiles (width>=754px){.tiles_1j6ua{--tile-fit:5}}@container spend-tiles (width>=905px){.tiles_1j6ua{--tile-fit:6}}@container spend-tiles (width>=1056px){.tiles_1j6ua{--tile-fit:7}}@container spend-tiles (width>=1207px){.tiles_1j6ua{--tile-fit:8}}.tile_1j6ua{flex:1 1 calc((100% - (var(--tile-per-row) - 1) * var(--tile-gap)) / var(--tile-per-row) - 1px);background:var(--color-surface);flex-direction:column;gap:6px;min-width:0;padding:12px 16px;display:flex}.extra_1j6ua{margin-top:16px}.tileTitle_1j6ua{color:var(--color-muted);font-size:12px}.tileValue_1j6ua{color:var(--color-ink);font-size:17px;font-weight:500}@media (width<768px){.card_1j6ua{background:0 0;border:0;padding:0}.amount_1j6ua{font-size:28px}.bar_1j6ua,.tiles_1j6ua,.extra_1j6ua{margin-top:14px}.tiles_1j6ua{--tile-gap:12px;background:0 0;border-radius:0;overflow:visible}.tile_1j6ua{background:0 0;gap:2px;padding:0}.tileValue_1j6ua{font-variant-numeric:tabular-nums;font-size:15px}@container spend-tiles (width>=248px){.tiles_1j6ua{--tile-fit:2}}@container spend-tiles (width>=378px){.tiles_1j6ua{--tile-fit:3}}@container spend-tiles (width>=508px){.tiles_1j6ua{--tile-fit:4}}@container spend-tiles (width>=638px){.tiles_1j6ua{--tile-fit:5}}}.run_1440d{color:var(--color-accent-ink);text-decoration:none;position:relative}.run_1440d:after{content:"";position:absolute;inset:calc(50% - 12px) 0}.run_1440d:hover{text-decoration:underline}@media (pointer:coarse){.run_1440d:after{inset-block:calc(50% - 16px)}}
