.chat-page{position:relative;display:flex;height:100vh;width:100%}.chat-page .chat-aside{display:flex;flex-direction:column;background:var(--im-background);transition:width .1s ease;flex-shrink:0;min-width:230px}.chat-page .chat-aside.fullscreen{width:260px!important}.chat-page .chat-aside .header{height:50px;display:flex;align-items:center;padding:0 8px}.chat-page .chat-aside .chat-loading{height:50px;background-color:#eee}.chat-page .chat-aside .chat-loading .el-icon-loading{font-size:24px;color:var(--im-text-color-light)}.chat-page .chat-aside .chat-loading .el-loading-text{color:var(--im-text-color-light)}.chat-page .chat-aside .chat-loading .chat-loading-box{height:100%}.chat-page .chat-aside .chat-items{flex:1}.chat-page .resize-handle{position:relative;width:4px;background:transparent;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:none}.chat-page .resize-handle:hover{background:rgba(0,123,255,.1);width:6px}.chat-page .resize-handle.resizing{background:rgba(0,123,255,.2);width:6px}.chat-page .resize-handle .resize-line{position:absolute;left:50%;top:20%;bottom:20%;width:1px;background:#ddd;transform:translateX(-50%);transition:all .2s ease;border-radius:1px}.chat-page .resize-handle:hover .resize-line{background:#007bff;width:2px;top:10%;bottom:10%}.chat-page .resize-handle.resizing .resize-line{background:#007bff;width:3px;top:5%;bottom:5%}.chat-page .resize-handle:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid transparent;border-bottom:3px solid transparent;opacity:0;transition:all .2s ease}.chat-page .resize-handle:hover:before{opacity:1;border-left:2px solid #007bff;border-right:2px solid #007bff}.chat-page .resize-handle.resizing:before{opacity:1;border-left:3px solid #007bff;border-right:3px solid #007bff}.chat-page .chat-box{flex:1;transition:width .1s ease;overflow:hidden;min-width:0;position:relative}