.pokemon-type-icon, .pokemon-item-icon { display: inline-flex; position: relative; align-items: center; justify-content: center; flex: none; color: var(--pokemon-icon-color); line-height: 1; vertical-align: middle; }
.pokemon-type-icon svg, .pokemon-item-icon svg { display: block; }
.pokemon-type-badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border: 1px solid var(--pokemon-icon-color); border-radius: 18px; background: color-mix(in srgb, var(--pokemon-icon-color) 17%, #111320); color: #fff; font: 800 12px/1.2 'Nunito', 'Trebuchet MS', sans-serif; white-space: nowrap; vertical-align: middle; }
.pokemon-type-badge.compact { padding: 2px 5px; gap: 3px; font-size: 10px; }
.pokemon-item-icon b { position: absolute; right: -4px; bottom: -4px; padding: 1px 2px; border-radius: 2px; background: #10131d; color: var(--pokemon-icon-color); font: 700 6px/1 sans-serif; }