@media (min-width: 1024px) {
    .mf-sidebar {
        transition: transform 0.2s ease;
    }

    .mf-content {
        transition: margin-inline-start 0.2s ease;
    }

    html.mf-sidebar-collapsed .mf-sidebar {
        transform: translateX(-100%);
    }

    html[dir="rtl"].mf-sidebar-collapsed .mf-sidebar {
        transform: translateX(100%);
    }

    html.mf-sidebar-collapsed .mf-content {
        margin-inline-start: 0;
    }
}
