.tree-menu{top:calc(var(--header-height) + 20px);height:100%;max-height:calc(100vh - var(--header-height) - 60px);flex-direction:column;gap:4px;display:flex;position:sticky;overflow:hidden auto}.tree-menu__link{color:var(--primary-black);cursor:pointer;border-radius:10px;font-weight:400;text-decoration:none;transition-property:background-color;transition-duration:.3s;display:block}.tree-menu__category.--active>.tree-menu__link{background-color:var(--background-light-gray)}.tree-menu__link-content{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.tree-menu__link i{color:var(--secondary);flex-shrink:0;font-size:20px;transition-property:transform;transition-duration:.3s}.tree-menu__category.--active>.tree-menu__link i{transform:rotate(180deg)}.tree-menu__panel{pointer-events:none;flex-direction:column;padding:6px 0;display:flex;overflow:hidden}.tree-menu__category.--active .tree-menu__panel{pointer-events:all}.tree-menu__link--inner{color:var(--primary-black);background-color:#0000;border-radius:10px;padding:12px 12px 12px 36px;font-size:16px;font-weight:400;transition-property:background-color;transition-duration:.3s}.tree-menu__link--inner.active{background-color:var(--background-light-gray)}@media (hover:hover){.tree-menu__link--inner:hover{background-color:var(--background-light-gray)}}