.sidebar{position:fixed;top:0;left:0;width:35vw;height:100vh;z-index:50;background-color:#fff;border-radius:15px;padding:15px 25px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;gap:20px}.sidebar.active{transform:translate(0)}.header{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}.nav{display:flex;flex-direction:column;gap:7px}.nav .nav-opt{cursor:pointer;padding:3px 8px;border-radius:8px}.nav .nav-opt:hover{background-color:#c9c9c936}.nav .nav-opt.active p{color:#cf1c25}