.typeBadge {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: var(--spacing-20);
    height: var(--spacing-20);
    border-radius: 50%;
    background-color: var(--color-bg-fill-brand-indigo);
}


.typeBadge[data-type='senescence'] {
    background-color: var(--color-bg-fill-brand-indigo);
}

.typeBadge[data-type='supplements'] {
    background-color: var(--color-bg-base-dark);
}

.typeBadge[data-type='outline'] {
    background-color: transparent;
    border: 1px solid var(--color-bg-base-dark);
}

.typeBadge[data-type='energy'] {
    background-color: var(--color-solar-300);
}

.typeBadge[data-type='metabolism'] {
    background-color: var(--color-orchre-300);
}

.typeBadge[data-type='labs'] {
    background-color: var(--color-sage-200);
}

.typeBadge[data-type='hormone'] {
    background-color: var(--color-bg-fill-brand-lilac);
}

.badgeIcon {
    fill: var(--color-bg-base-dark);
}

.typeBadge[data-type='supplements'] .badgeIcon {
    fill: var(--color-bg-fill-brand-solar);
}
