.chat-widget{height:100%;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.chat-widget .header{height:2.25rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));padding:.25rem}.room-widget{padding:.5rem}.room-widget .thread-view-header{position:relative;z-index:50;margin:-.5rem;display:flex;align-items:center;justify-content:center;gap:.25rem;--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1));padding:.25rem;text-align:center;font-size:.75rem;line-height:1rem}.room-widget .thread-view-header .back-button{position:absolute;left:.25rem;top:50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.room-widget .thread-view-header .title{max-width:20rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-widget .thread-view-header .title:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));text-decoration-line:underline}.room-widget .messages{position:relative;height:0px;flex:1 1 0%;overflow-y:auto}.room-widget .messages .bottom{border-top-width:1px;border-color:transparent}.room-widget .messages .new-message{position:sticky;bottom:0;left:50%;width:7rem;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1));padding:.125rem .25rem;text-align:center;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.room-widget .messages:empty:after{content:"No Message"}.room-widget .messages .message{position:relative;padding:.125rem}.room-widget .messages .message .unread-dot{position:absolute;top:50%;right:.5rem}.room-widget .messages .message .system{margin-left:auto;margin-right:auto;width:20rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));padding:.25rem;text-align:center}.room-widget .messages .message .threading{margin-top:.25rem;margin-bottom:.25rem;width:24rem;cursor:pointer;border-radius:.25rem;border-width:1px;font-size:.75rem;line-height:1rem}.room-widget .messages .message .threading.container .threading-title{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.room-widget .messages .message .threading.spotquote .threading-title{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.room-widget .messages .message .threading.unread{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.room-widget .messages .message .threading .threading-title{display:flex;align-items:center;justify-content:space-between;border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-width:1px;padding:.25rem}.room-widget .messages .message .threading .threading-content{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.25rem}.room-widget .messages .message .name{font-size:.75rem;line-height:1rem;font-weight:700}.room-widget .messages .message .time{font-size:10px;line-height:14px;font-weight:600;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.room-widget .messages .message .to-mark{visibility:hidden;font-size:.75rem;line-height:1rem}.room-widget .messages .message:hover .to-mark{visibility:visible}.room-widget .messages .message p.text{margin-left:-.25rem;margin-right:-.25rem;box-sizing:border-box;width:100%;white-space:pre-wrap;overflow-wrap:break-word;padding:.25rem;font-size:.75rem;line-height:1rem}.room-widget .messages .message p.text .number{cursor:pointer;font-weight:700;--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1));text-decoration-line:underline}.room-widget .messages .message .sound{height:1.5rem;width:12rem;cursor:pointer;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.125rem;font-size:.75rem;line-height:1rem}.room-widget .messages .message .sound.active{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.room-widget .messages .message .sound.active .icons-sound.playing{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1));animation:tilt-shaking .25s linear infinite}.room-widget .messages .message:hover p{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.room-widget .typists{height:.75rem;font-size:.75rem;line-height:1rem;font-style:italic;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.room-widget .typists li{margin-right:.25rem;display:inline-block}.room-widget .images-preview{margin-top:.25rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.room-widget .images-preview .image{position:relative;margin:.125rem}.room-widget .images-preview .image.uploading .el-image{opacity:.25}.room-widget .images-preview .image.uploading .el-icon-loading{display:block}.room-widget .images-preview .image.uploading .top-right{display:none}.room-widget .images-preview .image .el-icon-loading{position:absolute;top:50%;right:50%;display:none;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.room-widget .images-preview .image .top-right{position:absolute;top:-.25rem;right:-.25rem}.room-widget .images-preview .image .top-right .fa-check-circle{--tw-text-opacity: 1 !important;color:rgb(34 197 94 / var(--tw-text-opacity, 1))!important}.room-widget .images-preview .image .top-right .fa-times-circle{--tw-text-opacity: 1 !important;color:rgb(107 114 128 / var(--tw-text-opacity, 1))!important}.room-widget .images-preview .image:hover .fa-times-circle{display:block}.room-widget .images-preview:empty{display:none}.room-widget .message-form{margin:.25rem -.5rem -.5rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));padding:.5rem}.room-widget .message-form .audio-widget{display:grid;flex-grow:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;text-align:center}.room-widget .message-form .audio-widget .el-button{height:54px;width:54px}.room-widget .message-form .audio-widget .el-button i{font-size:1.5rem!important;line-height:2rem!important}.room-widget .message-form .audio-widget .recording{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.room-widget .message-form .audio-widget .recording .fa-microphone{animation:tilt-shaking .15s linear infinite!important}.members{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:.25rem;padding-bottom:.25rem}.members .member{margin:.125rem}.members .member .el-avatar{height:1.5rem;width:1.5rem;cursor:pointer;border-width:2px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1));font-size:10px;line-height:14px;font-weight:700;line-height:1.25rem}.members .member .el-avatar.online{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.members .member .el-avatar.away{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.members .member .el-avatar.circled{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.el-collapse.rooms .el-collapse-item__header{height:2rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1));padding:.25rem;font-size:.75rem;line-height:1rem}.el-collapse.rooms .el-collapse-item__content{padding:.125rem;line-height:.75rem}.el-collapse.rooms .el-collapse-item__content ul li{align-items:center;padding-top:.125rem;padding-bottom:.125rem;font-size:.75rem;line-height:1rem}.el-collapse.rooms .el-collapse-item__content ul li .fas{font-size:.875rem!important;line-height:1.25rem!important}.el-collapse.rooms .el-collapse-item__content ul li:hover{cursor:pointer;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.el-collapse.rooms .el-collapse-item__content ul li.active{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.el-collapse.rooms .el-collapse-item__content ul li .el-avatar{margin-left:.25rem;margin-right:.25rem;flex-shrink:0;font-size:10px;line-height:14px;font-weight:700}.el-collapse.rooms .el-collapse-item__content ul li .el-avatar.el-avatar--small{height:1.5rem;width:1.5rem;--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1));line-height:1.5rem}.el-collapse.rooms .el-collapse-item__content ul li .el-avatar.online,.el-collapse.rooms .el-collapse-item__content ul li .el-avatar.ready,.el-collapse.rooms .el-collapse-item__content ul li .el-avatar.resumed{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.el-collapse.rooms .el-collapse-item__content ul li .thumb{flex:1 1 0%;overflow:hidden}.el-collapse.rooms .el-collapse-item__content ul li .thumb .name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-collapse.rooms .el-collapse-item__content ul li .thumb .msg{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:14px;font-style:italic}.el-collapse.rooms .el-collapse-item__content ul li .marked-icon{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.el-collapse.rooms .el-collapse-item__content ul li .unread-icon{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.el-collapse.rooms .el-collapse-item__content ul li .icons-call{margin-right:.625rem;cursor:pointer;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.el-collapse.rooms .el-collapse-item__content ul li .icons-call.single{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1));animation:tilt-shaking .25s linear infinite}.el-collapse.rooms .el-collapse-item__content ul li .icons-call.multiple{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.el-collapse.rooms .el-collapse-item__content ul li .meet-stats{position:relative}.el-collapse.rooms .el-collapse-item__content ul li .meet-stats .num{position:absolute;top:.125rem;left:.25rem;font-size:10px;line-height:14px;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.popover-menu .name{margin:-.25rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1));padding:.25rem}.popover-menu ul{margin:-.25rem;padding:.5rem}.popover-menu ul li{cursor:pointer;border-radius:.25rem;padding:.25rem .125rem}.popover-menu ul li:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.typing:after{display:inline-block;animation:dotty steps(1,end) 1s infinite;content:""}.incoming-meet{width:24rem}.incoming-meet .el-notification__group{width:91.666667%}.incoming-meet .accept{height:1.75rem;width:1.75rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));text-align:center;font-size:.875rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));animation:tilt-shaking .25s linear infinite}.chat-popover{z-index:5001!important}@keyframes tilt-shaking{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes dotty{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}
