<aside
  class="scrollbar top-0 h-screen overflow-y-auto bg-[#25074D] lg:relative lg:z-auto lg:flex lg:w-64
{{ styles[mobileOrientation] }}
{{ sidebarOpen() ? 'absolute z-40 w-8/12 sm:w-5/12' : 'hidden' }}"
>
  <div class="pb-32 lg:pb-6">
    <sidebar-header></sidebar-header>
    <sidebar-items></sidebar-items>
  </div>
</aside>
