.rbt-toolbar.rbt-toolbar--bottom {
    display: none !important;
}

@media only screen and (max-width: 991.98px) {
    body:has([data-mobile-toolbar]),
    body.has-mobile-toolbar {
        padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px));
    }

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

    [data-mobile-toolbar] {
        align-items: stretch !important;
        box-sizing: border-box !important;
        display: grid !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        height: 56px;
        justify-content: stretch !important;
        margin: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        padding: 0 !important;
        width: 100% !important;
    }

    [data-mobile-toolbar] > .rbt-access-box,
    [data-mobile-toolbar] .rbt-access-box {
        box-sizing: border-box;
        flex: 1 1 0 !important;
        list-style: none !important;
        margin: 0 !important;
        max-width: 100%;
        min-width: 0 !important;
        overflow: hidden;
        padding: 0 !important;
        width: auto !important;
    }

    [data-mobile-toolbar] .rbt-round-btn {
        align-items: center;
        background: transparent !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
        color: var(--color-gray-600);
        display: flex !important;
        flex-direction: column;
        height: 100% !important;
        justify-content: center;
        line-height: 1.15 !important;
        max-width: 100%;
        min-width: 0 !important;
        overflow: hidden;
        padding: 6px 1px 5px !important;
        position: relative;
        width: 100% !important;
    }

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

    [data-mobile-toolbar] .rbt-toolbar-label {
        display: block;
        font-size: 10px;
        line-height: 1.2;
        margin-top: 4px;
        max-width: 100%;
        overflow: hidden;
        text-align: center;
        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,
    [data-mobile-toolbar] .rbt-round-btn.active > i {
        color: var(--color-primary) !important;
    }

    [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: 9px;
        font-weight: 700;
        height: 17px;
        justify-content: center;
        left: calc(50% + 3px);
        line-height: 1;
        min-width: 17px;
        padding: 0 3px;
        position: absolute;
        top: 2px;
    }

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