.main-container{background-color:beige}.menu-container{width:80px}.content-container{box-sizing:border-box;padding:12px 12px 12px 0}.content{height:calc(100vh - 24px);background-color:#fff;border-radius:30px;box-shadow:0 0 8px #00000040}.menu{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:calc(100vh - 24px);padding:12px 0}.menu-header{margin-bottom:24px}.menu-header__logo{width:46px;height:46px}.menu-footer{position:relative}.menu-footer__btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;cursor:pointer;border-radius:50%;transition:.2s}.menu-footer__btn:hover{background-color:#d9d9d999}.menu-footer__btn-icon{width:24px;height:24px}.menu-item{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:10px;cursor:pointer;border-radius:50%;transition:.2s}.menu-item img{width:24px;height:24px}.menu-item:hover,.menu-item__active{background-color:#d9d9d999}.profile-list__container{position:absolute;bottom:72px;left:0;z-index:1;padding:6px 8px;background:#ededed;border-radius:10px;box-shadow:0 0 10px #00000040}.profile-list__item{min-width:154px;padding:0 18px;font-size:20px;line-height:36px;white-space:nowrap;cursor:pointer;border-radius:18px;transition:.2s}.profile-list__item:hover{background-color:#c7c7c7}