.badge-new,
.badge-beta,
.badge-map,
.badge-local-pack {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 14px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 500;
    text-transform: lowercase;
    cursor: default;
    white-space: nowrap;
}

.badge-new {
    align-items: flex-end;
    color: var(--nightShade);
    background: var(--light-emerald);
}

.badge-beta {
    margin-left: 8px;
    color: var(--nightShade);
    background: var(--light-amber);
}

.badge-map {
    color: var(--ui-muted);
    background: #d3f1ce;
    border-radius: 4px;
    border: 1px solid #a8e39d;
    height: 16px;
    align-items: flex-end;
}

.badge-local-pack {
    color: var(--ui-muted);
    background: #c3e3ff;
    border-radius: 4px;
    border: 1px solid #78c0ff;
    height: 16px;
}