@media (min-width: 960px) {
    .legacy-overlay-layout {
        --mud-drawer-width-left: 72px !important;
        --mud-drawer-width-mini-left: 72px !important;
        --tomodesk-appbar-offset: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 4);
    }

    .legacy-overlay-layout .legacy-overlay-drawer.mud-drawer.mud-drawer-mini.mud-drawer-pos-left {
        position: fixed !important;
        top: var(--tomodesk-appbar-offset) !important;
        left: 0 !important;
        bottom: auto !important;
        height: calc(100vh - var(--tomodesk-appbar-offset)) !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        overflow-x: hidden !important;
        transform: translateX(0) !important;
        z-index: 1400 !important;
        transition: width 0.18s ease, max-width 0.18s ease, box-shadow 0.18s ease !important;
    }

    .legacy-overlay-layout .legacy-overlay-drawer.mud-drawer.mud-drawer-mini.mud-drawer-pos-left:hover,
    .legacy-overlay-layout .legacy-overlay-drawer.mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open {
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
        box-shadow: 12px 0 32px rgba(15, 23, 42, 0.16) !important;
    }

    .legacy-overlay-layout .legacy-overlay-drawer.mud-drawer.mud-drawer-mini.mud-drawer-pos-left .mud-navmenu {
        min-width: 280px !important;
    }

    .legacy-overlay-layout .legacy-overlay-drawer.mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open ~ div:not(.mud-main-content),
    .legacy-overlay-layout .legacy-overlay-drawer.mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed ~ div:not(.mud-main-content) {
        margin-left: 72px !important;
        transition: none !important;
    }

    .legacy-overlay-layout[class*="mud-drawer-open-mini-"][class*="-left"] .mud-appbar,
    .legacy-overlay-layout[class*="mud-drawer-close-mini-"][class*="-left"] .mud-appbar,
    .legacy-overlay-layout .mud-appbar {
        margin-left: 72px !important;
        width: calc(100% - 72px) !important;
        z-index: 1500 !important;
        transition: none !important;
    }

    .legacy-overlay-layout[class*="mud-drawer-open-mini-"][class*="-left"] .mud-main-content,
    .legacy-overlay-layout[class*="mud-drawer-close-mini-"][class*="-left"] .mud-main-content,
    .legacy-overlay-layout .mud-main-content {
        margin-left: 72px !important;
        transition: none !important;
    }
}
