/*
 * Kiln · backend · строка свойства.
 *
 * Подпись слева, значение справа. Из таких строк собираются списки свойств
 * в инспекторе.
 */
.labeled-content {
    display: flex;
    justify-content: space-between;
    gap: var(--native-row-gap);
    padding-block: var(--native-row-space);
    font-size: var(--native-text);
}

/*
 * Подпись не сжимается: значение бывает длинным, и уступать место должно
 * оно, а не имя свойства. Иначе подпись рвётся по слогам, а прочитать
 * список свойств глазами уже нельзя.
 */
.labeled-content > :first-child {
    flex-shrink: 0;
    color: var(--native-label-tertiary);
}

/*
 * Значение прижато к правому краю и сжимается до нуля: min-width: 0
 * обязателен, иначе флекс держит его по содержимому и длинная строка
 * растягивает всю строку свойства.
 */
.labeled-content > :last-child {
    min-width: 0;
    text-align: right;
}