.bb-friend-entry-icon {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    color: inherit;
    text-decoration: none;
    opacity: 0.72;
    transition: opacity 0.2s ease;
}

.bb-friend-entry-icon:hover,
.bb-friend-entry-icon:focus-visible {
    opacity: 1;
}

.bb-friend-entry-icon svg {
    display: block;
    width: 24px;
    height: 24px;
}

.bb-friends-card a.bb-friends-button,
.bb-friends-card a.bb-friends-button:visited,
.bb-friends-card a.bb-friends-button:hover,
.bb-friends-card a.bb-friends-button:focus-visible {
    color: #fff !important;
    text-decoration: none !important;
}

@media (max-width: 782px) {
    .bb-header-controls .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        height: calc(100dvh - 46px) !important;
        max-height: calc(100dvh - 46px) !important;
        padding-bottom: max(36px, env(safe-area-inset-bottom)) !important;
    }

    body.admin-bar .bb-header-controls .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        height: calc(100dvh - 92px) !important;
        max-height: calc(100dvh - 92px) !important;
    }

    .bb-header-controls .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
        max-height: calc(100dvh - 170px) !important;
        padding-bottom: 3rem !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior-y: contain;
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
    }

    body.admin-bar .bb-header-controls .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
        max-height: calc(100dvh - 216px) !important;
    }
}