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