.collectionTree{border:1px solid var(--shared-border-color);border-radius:12px;width:280px;max-height:calc(100vh - 200px);margin-top:35px;margin-right:40px;transition:width .3s;position:sticky;overflow-y:auto}.collectionTree.collapsed{width:auto;box-shadow:none;border:none;overflow:hidden}@media only screen and (max-width:950px){.collectionTree.collapsed{margin-top:10px;margin-bottom:0}.collectionTree{margin-top:10px}}.collectionTree .treeHeader{justify-content:space-between;align-items:center;padding:20px 20px 10px;display:flex}.collectionTree .treeHeader h2{color:var(--shared-title-color);margin:0;font-size:19px;font-weight:700}@media only screen and (max-width:950px){.collectionTree .treeHeader h2{font-size:16px}}.collectionTree .treeHeader .collapseButton{cursor:pointer;color:var(--shared-title-color);background:0 0;border:none;padding:5px}.collapsedView{justify-content:center;align-items:flex-start;height:100%;display:flex}@media (max-width:950px){.collapsedView{justify-content:flex-start;align-items:center}}.collapsedView .mobile-only-text{font-size:14px;font-weight:500}@media (min-width:950px){.collapsedView .mobile-only-text{display:none}}@media (max-width:950px){.collapsedView i{font-size:16px}}.collapsedView .expandButton{padding-left:0}.expandButton{cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:8px 12px;font-weight:700;display:flex}.expandButton i{color:var(--shared-color)}.expandButton span{font-size:14px}.treeContainer{flex-direction:column;padding:10px 0;display:flex}.collection{margin-bottom:8px}.collectionHeader,.subCollectionHeader{cursor:pointer;color:var(--shared-title-color);align-items:center;padding:8px 15px;transition:color .2s;display:flex}.collectionHeader:hover,.subCollectionHeader:hover{color:var(--shared-color)}.chevronRight,.chevronDown{width:16px;height:16px;color:var(--shared-title-color);justify-content:center;align-items:center;margin-right:8px;font-size:11px;display:inline-flex}.collectionTitle,.subCollectionTitle{color:var(--shared-title-color);margin-left:8px;font-weight:500}@media only screen and (max-width:950px){.collectionTitle,.subCollectionTitle{font-size:12px}}.collectionTitle{color:var(--shared-title-color);font-size:16px}.subCollectionTitle{color:var(--shared-title-color);font-size:15px}.collectionContent{margin-left:8px;padding-left:8px}.articlesList,.subArticlesList{margin:0;padding:0 0 0 16px;list-style:none}.articleItem{padding:6px 15px;font-size:14px;transition:color .2s}.articleItem.activeArticle{background-color:#f0f7ff}.articleItem.activeArticle a{font-weight:500}.articleItem a{color:var(--shared-title-color);text-overflow:ellipsis;padding:3px 0;text-decoration:none;display:block;overflow:hidden}.articleItem a:hover{color:var(--shared-color)}.subCollection{margin-bottom:8px}.subCollection .subCollectionContent,.subCollection .subArticlesList{padding-left:16px}.subCollections{margin-top:8px}@media (max-width:950px){.collectionTree{width:100%;max-height:none;margin-right:0;position:static}}