/* tag — метка: текст в прямоугольнике со скруглёнными углами.

   Не действие, а подпись. Обводки у метки нет: прямоугольник держит
   только тихая подложка — тот же акцент в 15%, что и у наведения
   в доке. На тёмном фоне и на панели метка читается одинаково,
   но не спорит с обводками окон и полей. */

.tag {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 12px;
    background: var(--color-hover);
    color: var(--color-ink);
    font-size: 14px;
    line-height: 1.35;
    white-space: nowrap;
}

/* Начало метки — акцент: в нике это @, знак адреса, а не имени.
   Пустое начало не рисуется и места не занимает. */
.tag__prefix {
    color: var(--color-accent);
}

.tag__prefix:empty {
    display: none;
}