.sidebar{position:fixed;display:block;top:84px;left:10px;padding:14px 8px 8px;width:20vw;border-radius:10px;background-color:hsla(0,0%,100%,.8901960784);border:1px solid #d3d3d3;transition:all .2s ease;z-index:6;box-shadow:0 3px 9px -2px rgba(34,60,80,.2)}@media screen and (max-width:1000px){.sidebar{width:7vw;top:75px}}@media screen and (max-width:700px){.sidebar{width:40px;left:2vw}}.sidebar__wrapper{display:flex;flex-direction:column;height:calc(100vh - 176px);transition:all .2s ease}@media screen and (max-width:700px){.sidebar__wrapper{font-size:12px}}.sidebar__wrapper-open{opacity:1}.sidebar__wrapper-closed{opacity:0}.sidebar__menu{display:flex;flex-direction:column;max-height:95%;overflow:auto;gap:6px;background-color:rgba(105,138,173,.0784313725);scrollbar-width:thin;scrollbar-color:#d1d5db rgba(0,0,0,0)}.sidebar__menu::-webkit-scrollbar{width:6px}.sidebar__menu::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.sidebar__menu::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:10px}.sidebar__link{display:block;border-radius:4px;padding:6px 6px 6px 14px;transition:background-color .2s ease-out;cursor:pointer}@media screen and (max-width:700px){.sidebar__link{margin-left:3px;padding:6px 6px 6px 8px}}.sidebar__link:hover{background-color:rgba(105,105,105,.0823529412)}.sidebar__main-title{padding-left:20px;margin-bottom:5px;font-weight:500}.sidebar__line{width:100%;height:1px;background-color:#000}.sidebar__title{position:relative;font-size:16px;margin:10px 0 5px 20px;padding:0;color:rgba(0,0,0,.5568627451)}@media screen and (max-width:700px){.sidebar__title{margin-left:3vw}}.sidebar__icon{display:none}@media screen and (max-width:1000px){.sidebar__icon{width:100%}.sidebar__icon,.sidebar__tech{display:flex;align-items:center;justify-content:center}.sidebar__tech{position:fixed;top:85px;left:14px;z-index:7;width:50px;height:50px;background-color:#efefef;border-radius:10px;border:1px solid #d3d3d3;transition:opacity .2s ease;box-shadow:0 3px 9px -2px rgba(34,60,80,.2)}.sidebar__tech-closed{opacity:0}.sidebar__tech-open{opacity:1}.sidebar-open{width:40vw;transform:scale(1);transition:all .2s ease}.sidebar-closed{width:7vw;transition:all .2s ease;transform:scaleX(.2);transform-origin:left;opacity:0}}@media screen and (max-width:700px){.sidebar-closed{width:40px}}hr{margin:0 8px}