#NetWalk table {
    border-collapse: collapse;
    font-size: calc(3 * var(--font-size-default));
}

#NetWalk td:hover {
    background-color: var(--highlight-color-highlighted);
}

#NetWalk td {
    padding: 0;
    position: relative;

    width: 1ch;
    height: calc(3 * var(--line-height-default));
    overflow: hidden;
}

#NetWalk div.emoji {
    font-size: calc(3 * var(--font-size-emoji));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

#NetWalk div.not-emoji {
    font-size: calc(4 * var(--font-size-default)); /*4 instead of 3 to remove gaps */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#NetWalk div.gray {
    color: var(--not-important-color);
}

#NetWalk div.blue {
    color: rgb(144, 227, 255);
    font-family: var(--font-family-default);
}