/* The label line on desktop cards: a label's track card (card.html) and a
   label's playlist card (playlist_card.html), plus the playlist page header.
   Loaded by base.html rather than card.html's per-card <style>, because a grid
   of playlists alone emits no track card and would leave it unstyled. */
/* Same box as the rating row it replaced: 11px type at the body's 1.65
   line-height plus 5px padding top and bottom = 28.15px, fixed whether or not
   it holds anything. One line; a long label name ellipsises. */
.card-label-slot {
    box-sizing: border-box;
    height: calc(11px * 1.65 + 10px);
    padding: 5px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.65;
    white-space: nowrap;
    overflow: hidden;
}
.card-label-link {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    color: var(--gold, #d4a843);
    text-decoration: none;
}
.card-label-link:hover .card-label-name,
.card-label-link:focus-visible .card-label-name {
    text-decoration: underline;
}
.card-label-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-label-pill {
    display: inline-block;
    flex-shrink: 0;
    margin-right: 5px;
    padding: 0 5px;
    border: 1px solid rgba(212, 168, 67, 0.55);
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}