.sidebar__wrap{background:#fff;max-height:100%;overflow:hidden}.sidebar__wrap ul{flex:1;max-height:calc(100vh - 140px);overflow:hidden;overflow-y:auto;padding:1rem}.sidebar__wrap ul li{align-items:center;border-radius:16px;-moz-column-gap:.8rem;column-gap:.8rem;cursor:pointer;display:flex;list-style:none;padding:1rem 0 1rem 1rem}.sidebar__wrap ul li span{color:#8d98a9;font-weight:500}.sidebar__wrap .sidebar__powered{align-items:center;display:flex;padding:1rem 1rem 1rem 2rem}.notification_container{background:#fff;border-radius:.5em;box-shadow:0 1px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;color:#000;height:350px;opacity:0;overflow-y:scroll;position:fixed;right:4.5rem;top:2.5rem;transition:opacity .2s ease-in-out,visibility 1s ease-in-out;visibility:hidden;width:400px;z-index:999!important}.notification_container .unread{background-color:#f6f6f6}.notification_container.show{opacity:1;visibility:visible}.notification_container::-webkit-scrollbar{display:none}.notification_list:active,.notification_list:focus,.notification_list:hover{background-color:#f6f6f6}.total_notification_count{background:#f31730;border-radius:50%;cursor:pointer;height:14px;left:18px;top:5px;width:14px}.total_notification_count,.total_notification_count .indicator{align-items:center;display:flex;justify-content:center;position:absolute}.total_notification_count .indicator{color:#fff;font-family:Arial;font-size:8px!important;font-weight:700;height:100%;right:.5px;top:-1px!important;width:100%}