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