.aside{position:fixed;right:-16rem;background-color:var(--light);height:100%;z-index:100;padding:.4rem 1rem 0;display:flex;flex-direction:column;gap:.4rem;min-width:16rem;transition:all .3s ease-in-out;color:var(--dark)}.aside.open{right:0}.hbg{padding:.3rem;border-radius:6px;align-items:center;display:flex}.hbg:hover{background-color:var(--color-gray-400)}.as-item{border-radius:.7rem;cursor:pointer;display:flex;gap:1rem;width:100%;padding-block:.46rem;padding-right:.4rem}.as-item:hover{background-color:var(--primary-color-400);color:var(--dark)}.drawer{position:fixed;height:100%;width:100%;left:0;top:0;z-index:99;background-color:#57555594}