.sidebar{position:fixed;left:0;top:0;height:100%;max-width:20rem;width:100%;transform:translate3d(-20rem,0,0);background-color:var(--dark-blue);z-index:99;transition:transform .3s ease;overflow:hidden;display:flex;flex-direction:column}.sidebar *{color:#fff!important;font-size:1.25rem;font-family:var(--montserrat)}.sidebar-nav{flex-direction:column;padding:2rem 1rem;overflow:hidden;gap:1rem}.sidebar-close-div{width:100%;justify-content:end;padding:1rem}.sidebar-full{transform:translateZ(0)}.body-wrapper{position:absolute;width:100%;height:100%;background-color:var(--medium-grey-3);opacity:.5;z-index:98}