@media (max-width: 720px) {
    .mm-admin-os.mm-admin-atelier .navbar-header {
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .mm-admin-os.mm-admin-atelier .navbar-header__end {
        flex-wrap: nowrap;
        flex-shrink: 1;
    }

    .mm-admin-os.mm-admin-atelier .navbar-userchip__meta,
    .mm-admin-os.mm-admin-atelier .sidebar-toggle {
        display: none;
    }

    .mm-admin-os.mm-admin-atelier .navbar-userchip {
        max-width: 2.5rem;
        padding-inline: 0.2rem;
    }
}

@media (max-width: 480px) {
    .mm-admin-os.mm-admin-atelier .dashboard-main,
    .mm-admin-os.mm-admin-atelier .dashboard-main-body,
    .mm-admin-os.mm-admin-atelier .mm-admin-main__content,
    .mm-admin-os.mm-admin-atelier .mm-admin-page-header--visual,
    .mm-admin-os.mm-admin-atelier .mm-admin-page-header__row,
    .mm-admin-os.mm-admin-atelier .mm-admin-page-header__meta,
    .mm-admin-os.mm-admin-atelier .mm-admin-context-bar,
    .mm-admin-os.mm-admin-atelier .mm-admin-context-bar__list,
    .mm-admin-os.mm-admin-atelier .mm-admin-context-bar__list > li,
    .mm-admin-os.mm-admin-atelier .overflow-x-auto {
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .mm-admin-os.mm-admin-atelier .mm-admin-page-title.mm-kayar-v-host,
    .mm-admin-os.mm-admin-atelier .mm-admin-context-bar a.mm-kayar-v-host {
        display: block;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .mm-admin-os.mm-admin-atelier .mm-admin-page-title .mm-kayar-v,
    .mm-admin-os.mm-admin-atelier .mm-admin-page-title .mm-kayar-v__content,
    .mm-admin-os.mm-admin-atelier .mm-admin-context-bar a .mm-kayar-v,
    .mm-admin-os.mm-admin-atelier .mm-admin-context-bar a .mm-kayar-v__content {
        flex-wrap: wrap !important;
        max-width: 100%;
        white-space: normal;
    }
}