.nav-item{align-items:center;background-color:var(--bgColor);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:40px;max-width:200px;padding:0 17px;text-decoration:none;width:100%}.nav-item:not(:first-child){margin-top:20px}@media (min-width:1024px){.nav-item{background:#313237;border-radius:20px;height:56px;max-width:300px;width:56px}.nav-item:not(:first-child){margin-top:30px}.nav-item.router-link-active,.nav-item:hover{background-color:var(--bgColor)}}.nav-item__text{font-size:1rem;font-weight:700;line-height:1.5rem;margin-left:20px}@media (min-width:1024px){.nav-item__text{font-size:1.5rem;line-height:2rem;margin-left:37px}}.nav-head{align-items:center;background-color:#212329;display:flex;justify-content:space-between;z-index:1}@media (min-width:1024px){.nav-head{padding:0}}.nav-head__controls{align-items:center;display:flex;gap:1rem}.nav-head__menu{align-items:center;box-sizing:content-box;cursor:pointer;display:flex;height:18px;justify-content:center;padding:4px;position:relative;width:18px}.nav-head__menu span{background-color:#fff;height:2px;transition:all .3s;width:18px}.nav-head__menu span:after,.nav-head__menu span:before{background-color:inherit;content:"";display:block;height:2px;left:4px;position:absolute;transition:all .3s;width:18px}.nav-head__menu span:before{top:5px}.nav-head__menu span:after{bottom:5px}.nav-head__menu.close span{width:0}.nav-head__menu.close span:before{top:calc(50% - 1px);transform:rotate(45deg)}.nav-head__menu.close span:after{bottom:calc(50% - 1px);transform:rotate(-45deg)}.nav-container{background-color:#212329;flex-grow:1;height:0;overflow:hidden;position:absolute;top:100%;transition:height .3s;width:100%}.nav-container.show{height:calc(100vh - 50px)}.nav-container.show .nav-list{display:flex;flex-grow:1}@media (min-width:1024px){.nav-container{height:auto;position:static}}.nav-list{-ms-overflow-style:none;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}.user_sign-in{color:var(--text-primary);cursor:pointer}