.rbt-toolbar.rbt-toolbar--bottom:has([data-mobile-toolbar]) {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    body:has([data-mobile-toolbar]) {
        padding-bottom: 56px;
    }

    .rbt-toolbar.rbt-toolbar--bottom:has([data-mobile-toolbar]) {
        background: var(--color-white);
        border-top: 1px solid var(--color-border);
        bottom: 0;
        box-shadow: 0 -4px 20px rgb(0 0 0 / 8%);
        display: block !important;
        left: 0;
        opacity: 1 !important;
        position: fixed !important;
        right: 0;
        transform: none !important;
        visibility: visible !important;
        width: 100%;
        z-index: 1030;
    }

    [data-mobile-toolbar] {
        align-items: stretch;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        width: 100%;
    }

    [data-mobile-toolbar] .rbt-access-box {
        min-width: 0;
    }

    [data-mobile-toolbar] .rbt-round-btn {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        min-width: 0;
        padding: 7px 2px 6px;
        position: relative;
    }

    [data-mobile-toolbar] .rbt-round-btn > i {
        font-size: 17px;
        line-height: 1;
    }

    [data-mobile-toolbar] .rbt-toolbar-label {
        font-size: 11px;
        line-height: 1.25;
        margin-top: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    [data-mobile-toolbar] .rbt-round-btn.active,
    [data-mobile-toolbar] .rbt-round-btn.active .rbt-toolbar-label {
        color: var(--color-primary);
    }

    [data-mobile-toolbar] .access-box-count {
        align-items: center;
        background: var(--color-secondary);
        border: 2px solid var(--color-white);
        border-radius: 999px;
        color: var(--color-white);
        display: flex;
        font-size: 10px;
        font-weight: 700;
        height: 19px;
        justify-content: center;
        left: calc(50% + 4px);
        line-height: 1;
        min-width: 19px;
        padding: 0 4px;
        position: absolute;
        top: 1px;
    }

    [data-mobile-toolbar] .access-box-count[hidden] {
        display: none;
    }
}
