.sidebar-container{background-color:#fff;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--Stroke-Weak,rgba(0,17,102,.1));border-left:1px solid var(--Stroke-Weak,rgba(0,17,102,.1));background:#fff;height:100%;width:inherit}.sidebar-container .category-header{border-bottom:1px solid rgba(0,17,102,.1);display:flex;align-items:center;gap:8px;padding:28px 8px;color:#0d6df9;font-weight:700}.sidebar-container .category-header .description>p{font-size:10px}.sidebar-container .category-content{display:flex;flex-direction:column;overflow-y:auto;max-height:calc(100vh - 100px)}.sidebar-container .category-content .category-item{font-size:16px;display:flex;align-items:center;padding:7px 14px;gap:16px}.sidebar-container .category-content .category-item .ellipsis:hover{color:#ffa568}.sidebar-container .category-content .category-item>img{border-radius:50%}.sidebar-container .category-content .category-item .active-img{display:none}.sidebar-container .category-content .active{width:100%;position:relative;background-color:#f55e21;color:#fff}.sidebar-container .category-content .active .active-img{position:absolute!important;right:14px;display:flex}@media only screen and (max-width:1022px){.sidebar-container{height:fit-content}.sidebar-container .category-header{display:none}.sidebar-container .category-content{flex-direction:row;gap:0}.sidebar-container .category-content .category-item{font-size:12px;padding:10px 5px;width:fit-content;flex-direction:column;gap:8px}.sidebar-container .category-content .category-item .img-category{width:48px;height:48px}.sidebar-container .category-content .category-item>p{width:100px;text-align:center;white-space:wrap}.sidebar-container .category-content .active{width:100%;position:relative}.sidebar-container .category-content .active .active-img{right:4px}}@media only screen and (max-width:550px){.sidebar-container{padding:10px;background-color:rgba(0,0,0,0)}.sidebar-container .category-content{background-color:#fff;border-radius:8px}.sidebar-container .category-content .category-item{width:95px;font-size:12px;padding:4px;flex-direction:column;gap:8px}.sidebar-container .category-content .category-item .img-category{width:48px;height:48px}.sidebar-container .category-content .category-item>p{width:95px;text-align:center}.sidebar-container .category-content .active{width:100%;position:relative}.sidebar-container .category-content .active .active-img{right:4px}}