.icons {
    display: inline-block;
    text-align: center;
    margin: 5px;
}
.icon {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Calibri', sans-serif;
    color: var(--color-text-icon-alt);
    text-align: center;
}
.icon-img {
    width: 80px;
    image-rendering: pixelated;
}
.icon-img-hidden {
    position: fixed;
    width: 80px;
    image-rendering: pixelated;
    opacity: 0;
}
.icon:active > .icon-img-hidden {
    opacity: 1;
}
.icon:active > .icon-txt {
    background-color: var(--color-bar);
    outline: dotted var(--color-outline);
}