.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:none;width:1.15em;height:1.15em}.icon-badge{border-radius:50%;flex:none;place-items:center;width:1.9em;height:1.9em;font-size:.875rem;display:inline-grid}.icon-badge .icon{vertical-align:0;width:1.1em;height:1.1em}.tone-teal{background:var(--primary-soft);color:var(--primary)}.tone-amber{background:var(--highlight);color:var(--highlight-ink)}.tone-blue{background:var(--secondary-soft);color:var(--secondary)}.tone-purple{background:var(--accent-soft);color:var(--accent)}.tone-green{background:var(--success-soft);color:var(--success)}.tone-red{background:var(--danger-soft);color:var(--danger)}.tone-yellow{background:var(--warning-soft);color:var(--earth)}.tone-earth{background:var(--bg);color:var(--earth)}