@media (max-width: 767px) {
    .tz-mobile-dock__account {
        min-width: 0;
        height: 68px;
    }

    .tz-mobile-dock__account > summary {
        width: 100%;
        list-style: none;
    }

    .tz-mobile-dock__account > summary::-webkit-details-marker {
        display: none;
    }

    .tz-mobile-dock__account[open] > .tz-mobile-dock__item {
        color: #ef850d !important;
        background: rgba(255, 255, 255, .04);
        outline: 0;
    }

    .tz-mobile-dock__account-panel {
        position: fixed;
        z-index: 1046;
        right: 12px;
        bottom: calc(78px + env(safe-area-inset-bottom));
        left: 12px;
        display: grid;
        padding: 6px;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 12px;
        background: #090b0e;
        box-shadow: 0 12px 34px rgba(0, 0, 0, .32);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .tz-mobile-dock__account:not([open]) .tz-mobile-dock__account-panel {
        display: none;
    }

    .tz-mobile-dock__account-panel a {
        display: flex;
        min-height: 42px;
        align-items: center;
        justify-content: center;
        padding: 8px 12px;
        border-radius: 8px;
        color: #f5f7f9;
        background: rgba(255, 255, 255, .08);
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        text-decoration: none;
    }

    .tz-mobile-dock__account-panel .tz-mobile-dock__logout {
        color: #fff;
        background: #a92f2f;
    }

    .tz-mobile-dock__account-panel a:hover,
    .tz-mobile-dock__account-panel a:focus-visible {
        color: #090b0e;
        background: #ef850d;
        outline: 0;
    }
}