@layer common{.chat-panel{height:calc(100vh - 5rem);overflow:hidden}.chat-panel .chat-panel-grid{height:100%;min-height:0}.chat-panel .chat-list-panel{height:100%;min-height:0;display:flex;flex-direction:column;max-height:100%;overflow:hidden}.chat-panel .chat-list-panel>div{flex-grow:1;min-height:0;height:100%}.chat-panel .chat-list-panel .c-header{height:5rem}.chat-panel .chat-list-panel .c-list{flex-grow:1;min-height:0;overflow-y:auto}.chat-panel .chat-content-panel{height:100%;min-height:0;display:flex;flex-direction:column}.chat-panel .chat-content-panel .chat-content{flex:1 1 auto;min-height:0;height:100%;position:relative}.chat-panel .chat-content-panel .chat-messages{flex:1 1 0;min-height:0;overflow-y:auto}.chat-panel .chat-content-panel .chat-messages .chat-message-wrapper .chat-message{max-width:75%}.chat-panel .chat-content-panel .chat-scroll-to-latest{position:absolute;left:50%;bottom:5.5rem;z-index:1;transform:translateX(-50%)}.chat-panel .chat-content-panel .chat-scroll-to-latest .chat-new-message-count{position:absolute;top:-0.35rem;right:-0.35rem;min-width:1.25rem;padding:.1rem .3rem;border-radius:1rem;background:var(--mud-palette-error);color:var(--mud-palette-error-text);font-size:.7rem;font-weight:600;line-height:1.1rem;text-align:center}.chat-side-panel{height:calc(100vh - 5rem);min-height:0;display:flex;flex-direction:column;overflow:hidden}.chat-side-panel .chat-side-content{flex:1 1 auto;min-height:0;overflow-y:auto}}