.chat-room{min-height:0;display:grid;grid:"banner  " auto "messages" minmax(0,1fr) "form    " auto/minmax(0,1fr)}.chat-room__banner{grid-area:banner;height:32px;display:flex;align-items:center;border-bottom:1px solid rgb(224.4,224.4,224.4);padding:0 8px;background-color:#f5f5f5;color:#666;font-style:italic}.chat-room__messages{grid-area:messages;display:flex;flex-direction:column;border-bottom:1px solid rgb(224.4,224.4,224.4);overflow:auto;scrollbar-gutter:stable}.chat-room__message{padding:4px 24px;text-indent:-16px}.chat-room__message:first-child{margin-top:auto}.chat-room__message:hover{background-color:#ebebeb}.chat-room__message-form{grid-area:form;display:flex}.chat-room__textfield{flex:1 0 0;min-width:0;height:40px;border:0;border-right:1px solid rgb(224.4,224.4,224.4);padding:0 8px}.chat-room__send-button{flex:0 0 auto;display:flex;align-items:center;border:0;padding:0 16px;background-color:#fff;color:#000c;font-size:1rem}.chat-room__send-button:hover{background-color:#e0e0e0}.tabs{display:grid;grid:"tablist actions" auto "panel   panel  " minmax(0,1fr)/minmax(0,1fr) auto;border:1px solid rgb(214.2,214.2,214.2)}.tabs__list{grid-area:tablist;display:flex;overflow:auto;scrollbar-width:none}.tabs__tab-container{width:164px;flex:0 0 auto;display:grid;grid:"label close" 40px/minmax(0,1fr) auto;border-right:1px solid rgb(214.2,214.2,214.2)}.tabs__tab{grid-area:1/1/2/3;display:flex;align-items:center;border:0;padding:0 32px 0 0;background-color:#fff;color:#000c;font-size:1rem}.tabs__tab:hover{background-color:#ebebeb}.tabs__tab--active{background-color:#e0e0ff}.tabs__tab--active:hover{background-color:#d6d6ff}.tabs__drag-handle{flex:0 0 auto;height:24px;padding:4px}.tabs__drag-icon{width:16px;height:16px;color:#00000052;cursor:grab}.tabs__tab-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tabs__tab-badge{flex:0 0 auto;margin:0 -4px 16px 0;width:12px;height:12px;display:grid;place-items:center;border-radius:6px;background-color:red;color:#fff;font-size:9px;scale:0;transition:scale .2s}.tabs__tab-badge--visible{scale:1}.tabs__close-button{grid-area:close;align-self:center;margin:4px;width:24px;height:24px;border:0;padding:0;display:grid;place-items:center;background-color:transparent;color:#666;border-radius:0}.tabs__close-button:hover{background-color:#e0e0e0}.tabs__close-icon{width:16px;height:16px;color:#666}.tabs__header-actions{grid-area:actions;border-left:1px solid rgb(214.2,214.2,214.2)}.tabs__panel{grid-area:panel;display:none;border-top:1px solid rgb(214.2,214.2,214.2)}.tabs__panel--active{display:grid;place-items:stretch}.chat-app__tabs{width:720px;height:440px}.chat-app__add-button{width:40px;height:40px;border:0;padding:0;display:grid;place-items:center;background-color:transparent;color:#666;border-radius:0;anchor-name:--add-button}.chat-app__add-button:hover{background-color:#e0e0e0}.chat-app__popover{position:fixed;position-anchor:--add-button;inset:anchor(bottom) anchor(right) auto auto;margin:4px;flex-direction:column;justify-content:stretch;border:0;padding:0;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.chat-app__popover:popover-open{display:flex}.chat-app__popover-item{height:40px;border:0;padding:0 8px;display:flex;align-items:center;background-color:#fff;color:#000c;font-size:1rem;border-radius:0}.chat-app__popover-item:hover{background-color:#e0e0e0}*,*:before,*:after{box-sizing:border-box}:root{font-family:Arial,Helvetica,sans-serif}