.app-shell{display:flex;flex-direction:column;width:100vw;height:100vh;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.app-shell-header{min-height:3rem;width:100%}.app-shell-body{position:relative;display:flex;flex-grow:1;overflow:hidden}.app-sidebar{position:absolute;top:0;left:0;bottom:0;z-index:50;display:flex;height:4rem;width:100%;justify-content:flex-start;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width:640px){.app-sidebar{height:100%;width:4rem}}@media (min-width:768px){.app-sidebar{width:12rem}}.app-content-area{width:100%;height:100%;display:flex}.with-side-bar{.app-content-area{padding-left:.25rem;padding-top:4rem;transition-property:paddingLeft;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width:640px){.app-content-area{padding-left:4rem;padding-top:.25rem}}@media (min-width:768px){.app-content-area{padding-left:12rem}}}