/* =========================================================
   MBL SHARED UI
   ========================================================= */

#mbl-global-menu-button {
    position: fixed !important;
    z-index: 2147483647 !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 62px;
    height: auto;

    margin: 0;
    padding: 0;

    border: 0;
    background: transparent;

    line-height: 0;

    pointer-events: auto !important;

    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

#mbl-global-menu-button img {
    display: block !important;
    width: 100%;
    height: auto;
    pointer-events: none;
}

/* DESKTOP */
@media (min-width: 601px) {

    #mbl-global-menu-button {
        top: 22px !important;
        right: 24px !important;
        left: auto !important;
        bottom: auto !important;

        width: 62px !important;

        transform: none !important;
    }
}

/* MOBILE */
@media (max-width: 600px) {

    #mbl-global-menu-button {
        top: calc(16px + env(safe-area-inset-top)) !important;
        right: calc(16px + env(safe-area-inset-right)) !important;
        left: auto !important;
        bottom: auto !important;

        width: 56px !important;

        transform: none !important;
    }
}