.tourist-label-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.tourist-label-chip { padding: 3px 8px; border-radius: var(--radius-sm); background: var(--color-text-muted); color: var(--color-on-solid); font-size: 12px; font-weight: 650; line-height: 1.25; }
.tourist-label-chip[hidden] { display: none; }

.tourist-label-stack {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, auto));
    justify-content: start;
    align-items: start;
    gap: 5px;
}

.tourist-label-stack .tourist-label-chip {
    box-sizing: border-box;
    max-width: 100%;
    overflow-wrap: normal;
    white-space: nowrap;
}

.tourist-labels-cell {
    width: 300px;
    max-width: 360px;
}

.tourist-label-stack--adaptive {
    display: flex;
    flex-wrap: wrap;
}

.tourist-label-stack--adaptive .tourist-label-chip {
    max-width: none;
    flex: 0 0 auto;
}

.tourist-label-row-break {
    width: 0;
    height: 0;
    flex-basis: 100%;
}

.tourist-label-color { display: inline-flex; align-items: center; gap: 7px; font-variant-numeric: tabular-nums; }
.tourist-label-color > span { width: 18px; height: 18px; border: 1px solid var(--color-chip-border); border-radius: 50%; background: var(--label-color); }