.chat-layout{width:100%;display:flex;flex-direction:row;overflow:hidden;transition:all .3s}.chat-layout .chat-layout-side{display:flex;flex-direction:row;background-color:var(--secondary-background-color)}.chat-layout .chat-layout-content{width:100%;background-color:var(--default-background-color)}.chat-layout .chat-detail-sidebar{display:flex;flex-direction:column}.chat-layout .chat-detail-sidebar .chat-detail-sidebar-head{width:100%;display:flex;justify-content:space-between;padding:.625rem 1rem;border-right:1px solid var(--secondary-background-color);background:linear-gradient(180deg,var(--theme-primary-color-dark),transparent);border-bottom:1px solid var(--secondary-background-color)}.chat-layout .chat-detail-sidebar .chat-detail-sidebar-head .chat-detail-sidebar-head-title{line-height:1.5rem;margin-bottom:0;padding:.5rem}.chat-layout .chat-detail-sidebar .chat-detail-sidebar-head .chat-detail-sidebar-head-left{flex-grow:1}.chat-layout .chat-detail-sidebar .chat-detail-sidebar-head .chat-detail-sidebar-head-right{display:flex;justify-content:center;align-items:center}.chat-layout .chat-detail-sidebar .chat-detail-sidebar-body{padding:.8rem}