.nav-sidebar{padding:10px 15px;position:absolute;top:100%;background:var(--darkColor);left:0;font-family:var(--tertiaryFont);height:calc(100vh - 100%);transition:transform .2s;box-shadow:3px 0 3px #0000001a}.nav-sidebar.active{width:300px;padding-top:0}.nav-sidebar>a{display:flex;align-items:center;padding:12px;aspect-ratio:1;width:44px;margin:0 auto 10px;position:relative;border-radius:8px;transition:.2s}.nav-sidebar>a.active{background:var(--blueColor)}.nav-sidebar>a:not(.active):hover{background:rgba(255,255,255,.1)}.nav-sidebar>a img{height:100%;filter:invert(1);transition:.2s;opacity:.5}.nav-sidebar>a.active img{opacity:1}.nav-sidebar>a:hover img{transform:scale(1.05)}.nav-sidebar>a span{position:absolute;left:calc(100% + 5px);padding:7px 10px;background:var(--darkColor);font-weight:600;line-height:1;font-size:10px;color:var(--lightColor);border-radius:8px;box-shadow:0 0 1px #fff3;transform:translate(15px);opacity:0;transition:0s;white-space:nowrap;pointer-events:none}.nav-sidebar>a:hover span{opacity:1;transform:translate(0)}.nav-sidebar__profile{color:var(--lightColor3)}.nav-sidebar__profile-cover,.nav-sidebar__profile h2,.nav-sidebar__profile p,.nav-sidebar__profile-stats{display:none}.nav-sidebar.active .nav-sidebar__profile-cover{display:block;position:absolute;top:0;left:0;width:100%;height:80px;-o-object-fit:cover;object-fit:cover}.nav-sidebar.active .hexagon-user{display:flex;justify-content:center;margin-top:25px}.nav-sidebar.active .hexagon-user a{width:80px;height:100px}.nav-sidebar.active .hexagon-user a span{font-size:13px;left:16.5%;bottom:16.5%}.nav-sidebar.active .nav-sidebar__profile h2{display:block;text-align:center;font-weight:600;color:var(--lightColor);letter-spacing:1px}.nav-sidebar.active .nav-sidebar__profile p{display:block;text-align:center;line-height:1;font-size:11px;margin-top:6px;opacity:.75;letter-spacing:1px;margin-bottom:20px}.nav-sidebar.active .nav-sidebar__profile-stats{display:flex}.nav-sidebar.active .nav-sidebar__profile-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;margin-bottom:20px}.nav-sidebar.active .nav-sidebar__profile-stats>div span{text-transform:uppercase;font-size:10px;line-height:1}.nav-sidebar.active .nav-sidebar__profile-stats>div span:first-of-type{font-weight:700;font-size:16px;margin-bottom:8px}.nav-sidebar.active .nav-sidebar__buttons{display:flex;flex-direction:column;gap:10px;margin-top:15px}.nav-sidebar .nav-sidebar__buttons .register-button,.nav-sidebar .nav-sidebar__buttons .login-button{display:none}.nav-sidebar.active .nav-sidebar__buttons .register-button,.nav-sidebar.active .nav-sidebar__buttons .login-button{display:block}.nav-sidebar.active .nav-sidebar__buttons a{display:block;margin-left:0;padding:10px 15px;text-align:center}.nav-sidebar.active>a:first-of-type{margin-top:15px}.nav-sidebar.active>a{width:100%;aspect-ratio:initial;gap:15px;opacity:.75}.nav-sidebar.active>a.active{opacity:1}.nav-sidebar.active>a img{width:30px;height:30px}.nav-sidebar.active>a span{position:relative;opacity:1;background:transparent;box-shadow:none;left:0;font-size:14px;transform:initial;transition:.2s}@media (max-width: 1000px){.nav-sidebar{margin-left:-100%}.nav-sidebar.active{margin-left:0}}@media (max-width: 768px){.nav-sidebar{height:calc(100vh - 100%);z-index:1}}