.sidebar{position:fixed;top:0;left:0;width:max-content;height:100vh;padding-top:80px;background-color:#fff;color:#080808;overflow-y:auto;border-left:2px solid hsla(0,0%,100%,.125);border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;padding-left:5px;padding-right:5px;z-index:1000}@media screen and (max-width:37.5em){.sidebar{margin-left:0;padding-left:0}.sidebar.closed{transform:translateX(-80%)}.sidebar.open{transform:translateX(0)}}.sidebar a{display:block;height:30px;padding:.2rem;color:#1d1c1c;text-decoration:none;font-family:robobto,sans-serif;font-size:.7rem;font-weight:500;margin:1rem;align-items:center;display:flex;transition:background-color .3s ease,color .3s ease}.sidebar a:hover{opacity:.9;background-color:hsla(0,2%,75%,.123)}.sidebar a.active{background-color:#031b68;color:#fff}.sidebar .icon{margin-right:1rem}.toggle-btn{position:fixed;top:20px;left:20px;background-color:rgba(8,8,8,0);border:none;padding:10px;cursor:pointer;z-index:1002;margin-top:40px;margin-left:75px;font-size:1.5rem;color:#031b68;display:flex;justify-content:flex-end}.toggle-btn:focus{outline:none}@media(min-width:768px){.sidebar{transform:translateX(0);width:250px}.toggle-btn{display:none}}.menu-group{font-family:poppins,sans-serif;padding:.2rem;font-size:.7rem;font-weight:500;margin:1rem}.menu-group .menu-header{display:flex;justify-content:space-between}