.nav-item::after {
    content: "";
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.13);
    opacity: 0;
    transform: scale(0.68);
    transition: opacity var(--transition), transform var(--transition);
}

.nav-item:active .nav-icon {
    animation: pressBounce 220ms ease-out;
}

.nav-item.is-pressed::after {
    opacity: 1;
    transform: scale(1);
}

.nav-item:focus-visible {
    outline: 2px solid var(--accent-2);
    outline-offset: 3px;
}