aside{background:#fff;border-left:1px solid #ddd;height:100vh;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:100}.translate-x-0{transform:translate(0)}.translate-x-full{transform:translate(100%)}.md\:w-64{width:16rem}.md\:w-16{width:4rem}.collapsed-text{font-size:1rem}.menu-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background-color .2s}.menu-item:hover{background-color:#e2e8f0}.menu-item.bg-gray-300{background-color:#d1d5db!important;color:#111827!important}.menu-item-content{align-items:center;display:flex;flex-grow:1}.menu-icon{height:24px;margin-right:10px;min-width:24px;width:24px}.menu-icon.small{margin-right:10px}.menu-chevron,.menu-icon.small{height:14px;min-width:14px;width:14px}.menu-chevron{margin-left:10px}.menu-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis}