div>

            <div class="container flex-1 items-start md:pl-5 md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10">
                <!-- Sidebar -->
                <aside
                    class="border-grid fixed top-0 left-0 z-30 h-full w-[80%] max-w-[300px] shrink-0 bg-background p-4 transition-transform duration-200 ease-in-out md:sticky md:top-10 md:block md:h-[calc(100vh-3.5rem)] md:w-full md:max-w-none md:translate-x-0 md:p-0"
                    :