.addon-name {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    vertical-align: middle;
    line-height: 1.2;
}
.addon-name .addon-icon {
    display: block;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    object-fit: cover;
    background: #e5e7eb;
}
.addon-name__text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.addon-name--xs { gap: 0.3rem; font-size: 0.72rem; }
.addon-name--xs .addon-icon { width: 16px; height: 16px; border-radius: 4px; }
.addon-name--sm .addon-icon { width: 20px; height: 20px; }
.addon-name--md { gap: 0.55rem; }
.addon-name--md .addon-icon { width: 28px; height: 28px; border-radius: 8px; }
.addon-name--stack {
    display: flex;
    width: 100%;
}
.sidebar .addon-name .addon-icon,
.sidebar-group-toggle .addon-icon,
.sidebar-group-items .addon-icon {
    background: transparent;
}
th .addon-name {
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}
.ps-feature-card .addon-name,
.ps-app .addon-name,
.ps-stack-col .addon-name {
    font: inherit;
    color: inherit;
    font-weight: inherit;
}