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