/*
    Стили иконок Joinrpg. Подключается страницами явно, а не через изоляцию стилей Blazor:
    ту же разметку строит тег-хелпер <join-icon />, на который изоляция не распространяется.
*/
.join-icon {
    /* Размер в em — иконка следует за размером окружающего текста, а параметр Size меняет font-size. */
    /* round() снимает дробные px: без него тонкие штрихи Tabler-иконок попадают на субпиксельную
       границу и получаются мыльными от антиалиасинга, особенно на маленьких размерах. */
    width: round(1em, 1px);
    height: round(1em, 1px);
    /* Компенсирует разницу между базовой линией текста и нижней границей иконки. */
    vertical-align: -0.125em;
    /* Внутри flex-контейнера иконку нельзя сжимать. */
    flex-shrink: 0;
}