easemob-chat-uikit/style.css

   ![GitHub last c

@charset "UTF-8";.cui-message-status{padding:0 3px;display:block;height:20px}.cui-message-status-icon img{width:20px}.cui-message-status-text{font-size:12px;color:#acb4b9}.cui-icon{width:1em;height:1em;line-height:1em;display:inline-block;fill:#464e53}.cui-icon svg{width:100%;height:100%}.cui-icon-dark{fill:#c8cdd0}.cui-primary-icon{fill:#464e53}.cui-message-base{width:100%;font-size:16px;line-height:24px;color:#464e53;order:0;display:flex;align-items:flex-end;box-sizing:border-box;padding:8px 24px}.cui-message-base-arrow.cui-message-base-left .cui-message-base-content:before{content:" "}.cui-message-base-arrow.cui-message-base-right .cui-message-base-content:after{content:" "}.cui-message-base-right{flex-direction:row-reverse}.cui-message-base-right .cui-message-base-content{border-radius:16px 12px 4px 16px}.cui-message-base-right .cui-message-base-content:after{border:6px solid transparent;border-left:6px solid var(--cui-primary-color5);position:absolute;pointer-events:none;bottom:8px;right:-11px}.cui-message-base-right .cui-message-base-body,.cui-message-base-right .cui-message-base-info,.cui-message-base-right .cui-message-audio{flex-direction:row-reverse}.cui-message-base-right .cui-reply-message{align-items:flex-end}.cui-message-base-right .cui-reply-message-box{flex-direction:row-reverse}.cui-message-base-right .cui-message-text-edit-tag{color:#314368}.cui-message-base-left .cui-message-base-content{border-radius:12px 16px 16px 4px}.cui-message-base-left .cui-message-base-content:before{border:6px solid transparent;border-right:6px solid var(--cui-primary-color95);position:absolute;pointer-events:none;left:-11px;bottom:8px}.cui-message-base-left .cui-message-base-body,.cui-message-base-left .cui-message-base-info,.cui-message-base-left .cui-message-audio{flex-direction:row}.cui-message-base-left .cui-reply-message{align-items:flex-start}.cui-message-base-left .cui-reply-message-box{flex-direction:row}.cui-message-base-left .cui-message-text-edit-tag{color:#5270ad}.cui-message-base-reply.cui-message-base-right .cui-message-base-content{border-radius:16px 4px 4px 16px}.cui-message-base-reply.cui-message-base-left .cui-message-base-content{border-radius:4px 16px 16px 4px}.cui-message-base-box{max-width:100%;overflow:hidden;width:100%}.cui-message-base-body{flex-grow:0;display:flex;align-items:flex-end;gap:8px;margin:0 12px}.cui-message-base-body-action{fill:#919ba1}.cui-message-base-body-action:hover{fill:var(--cui-primary-color5);cursor:pointer}.cui-message-base-content{display:flex;flex-direction:column;max-width:calc(100% - 80px);padding:8px 16px;gap:10px;min-height:24px;position:relative;background:var(--cui-primary-color5);color:#f9fafa}.cui-message-base-primary .cui-message-base-content{background:var(--cui-primary-color5);color:#f9fafa}.cui-message-base-primary .cui-message-base-content:before{border-right:6px solid var(--cui-primary-color5)}.cui-message-base-primary .cui-message-base-info{margin-right:12px}.cui-message-base-secondly .cui-message-base-content{background:var(--cui-primary-color95);color:#171a1c}.cui-message-base-secondly .cui-message-base-content:after{border-left:6px solid var(--cui-primary-color95)!important}.cui-message-base-secondly .cui-message-base-content:before{border-right:6px solid var(--cui-primary-color95)!important}.cui-message-base-secondly .cui-message-base-info{margin-left:12px}.cui-message-base-none .cui-message-base-content{background:transparent;color:#464e53}.cui-message-base-none .cui-message-base-content:before{border:none;content:"";position:absolute;pointer-events:none;left:0px;bottom:0px}.cui-message-base-square .cui-message-base-content{border-radius:4px}.cui-message-base-square .cui-message-base-body{margin:0 17px}.cui-message-base-info{margin-left:12px;display:flex}.cui-message-base-nickname{display:inline-block;height:16px;font-weight:500;font-size:12px;line-height:16px;color:#5270ad}.cui-message-base-time-and-status-box{display:flex;align-items:center}.cui-message-base-time{display:inline-block;height:16px;margin:0 4px;font-weight:400;font-size:12px;line-height:16px;color:#acb4b9}.cui-message-base-thread{display:flex;direction:ltr;flex-direction:column;gap:4px}.cui-message-base-thread>div{display:flex;align-items:center;max-width:100%;overflow:hidden;color:#f9fafa}.cui-message-base-thread>div>div{display:flex;align-items:center}.cui-message-base-thread-line{border-top:1px solid var(--cui-primary-color8);width:100%;margin-bottom:4px}.cui-message-base-thread-name{justify-content:space-between;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.cui-message-base-thread-name>div{display:flex;align-items:center;gap:4px;overflow:hidden}.cui-message-base-thread-name>div>span{font-size:14px;line-height:20px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cui-message-base-thread-name>div:nth-child(2)>span{font-size:12px;line-height:16px;margin-left:4px}.cui-message-base-thread-name>div:nth-child(2){flex:none}.cui-message-base-thread-name-icon svg{fill:#f9fafa}.cui-message-base-thread-message{gap:4px;margin-bottom:4px}.cui-message-base-thread-message>span{font-size:12px;line-height:16px;color:var(--cui-primary-color9)}.cui-message-base-thread-message>span:nth-child(1){font-weight:500}.cui-message-base-thread-message>span:nth-child(3){flex:1;overflow:hidden;height:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.cui-message-base-secondly .cui-message-base-thread>div{color:#5270ad}.cui-message-base-secondly .cui-message-base-thread-line{border-top:1px solid hsl(220,36%,40%)}.cui-message-base-secondly .cui-message-base-thread-name-icon svg{fill:#5270ad}.cui-message-base-secondly .cui-message-base-thread-message>span{color:#75828a}.cui-message-base-dark.cui-message-base-secondly .cui-message-base-content{background:var(--cui-primary-color2);color:#f9fafa}.cui-message-base-dark.cui-message-base-secondly .cui-message-base-content:after{border-left:6px solid var(--cui-primary-color2)!important}.cui-message-base-dark.cui-message-base-secondly .cui-message-base-content:before{border-right:6px solid var(--cui-primary-color2)!important}.cui-message-base-dark.cui-message-base-secondly .cui-message-base-thread-name{color:#f9fafa}.cui-message-base-dark.cui-message-base-secondly .cui-message-base-thread-name svg{fill:#f9fafa}.cui-message-base-dark.cui-message-base-secondly .cui-message-base-thread-message>span{color:#acb4b9}.cui-message-base-dark.cui-message-base-left.cui-message-base-none div:first-of-type{color:#f9fafa}.cui-message-base-dark.cui-message-base-left.cui-message-base-none div:first-of-type:after{border-left:6px solid var(--cui-primary-color2)!important}.cui-message-base-dark.cui-message-base-left.cui-message-base-none div:first-of-type:before{border-right:6px solid var(--cui-primary-color2)!important}.cui-message-base-dark.cui-message-base-primary .cui-message-base-content{background:var(--cui-primary-color);color:#171a1c}.cui-message-base-dark.cui-message-base-primary .cui-message-base-content:after{border-left:6px solid var(--cui-primary-color)!important}.cui-message-base-dark.cui-message-base-primary .cui-message-base-content:before{border-right:6px solid var(--cui-primary-color)!important}.cui-message-base-dark.cui-message-base-primary .cui-message-base-thread-name{color:#2f3437}.cui-message-base-dark.cui-message-base-primary .cui-message-base-thread-name svg{fill:#2f3437}.cui-message-base-dark.cui-message-base-primary .cui-message-base-thread-message>span{color:#464e53}.cui-moreAction li{display:inline-block;list-style:none;height:36px;border-radius:8px;padding:0 8px;cursor:pointer;display:flex;justify-content:left;align-items:center;font-size:14px;font-style:normal;font-weight:500;line-height:20px;min-width:188px;text-align:left}.thread-container{display:flex;align-items:center;position:relative}.thread-container .cui-checkbox-wrapper{position:absolute;height:100%;display:flex;align-items:center;z-index:999;width:100%}.thread-container .checkbox{position:relative;left:8px;width:100%}.cui-suggest{box-sizing:border-box;position:fixed;border-radius:16px;padding:4px 8px;border:1px solid hsl(203,8%,95%);background:hsl(203,8%,98%);user-select:none;box-shadow:0 24px 36px #464e5326,8px 0 24px #171a1c14}.cui-suggest .active{background:#fff}.cui-suggest-dark{background-color:#171a1c;border:1px solid hsl(203,8%,30%)}.cui-suggest-dark .cui-suggest-item{background-color:#171a1c}.cui-suggest-dark .cui-suggest-item:hover{background-color:#2f3437}.cui-suggest-dark .cui-suggest-list{scrollbar-color:hsl(203,8%,40%) transparent}.cui-suggest-list{min-width:220px;max-height:202px;overflow-x:hidden;overflow-y:auto;scrollbar-color:hsl(203,8%,80%) transparent}.cui-suggest-item{display:flex;align-items:center;padding:6px 12px 6px 8px;border-radius:8px;font-size:14px;line-height:20px;font-weight:500;margin-top:4px;margin-bottom:4px;background:hsl(203,8%,98%);cursor:pointer}.cui-suggest-item .avatar{margin-right:8px}.cui-suggest-item:hover{background:hsl(203,8%,90%)}.cui-tooltip{position:absolute;z-index:1070;display:block;width:auto;visibility:visible}.cui-tooltip-content{position:relative}.cui-tooltip-hidden{display:none}.cui-tooltip-placement-top,.cui-tooltip-placement-topLeft,.cui-tooltip-placement-topRight{padding-bottom:4px}.cui-tooltip-placement-right,.cui-tooltip-placement-rightTop,.cui-tooltip-placement-rightBottom{padding-left:4px}.cui-tooltip-placement-bottom,.cui-tooltip-placement-bottomLeft,.cui-tooltip-placement-bottomRight{padding-top:4px}.cui-tooltip-placement-left,.cui-tooltip-placement-leftTop,.cui-tooltip-placement-leftBottom{padding-right:4px}.cui-tooltip-round .cui-tooltip-inner{border-radius:16px}.cui-tooltip-inner{min-width:30px;min-height:32px;padding:6px 8px;color:fade(#000,85%);text-align:left;text-decoration:none;word-wrap:break-word;background-color:#fff;border-radius:4px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;display:flex;align-items:center}.cui-tooltip-arrow{position:absolute;z-index:2;display:block;width:22px;height:22px;overflow:hidden;pointer-events:none;background:transparent}.cui-tooltip-arrow-content{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:11.312px;height:11.312px;margin:auto;content:"";pointer-events:auto;background-color:#fff;border-radius:0 0 2px;pointer-events:none}.cui-tooltip-arrow-content:before{position:absolute;top:-11.312px;left:-11.312px;width:33.936px;height:33.936px;background-repeat:no-repeat;background-position:-10px -10px;content:"";clip-path:inset(33% 33%);clip-path:path(M 9.8480678925px 24.0879321075px A 5px 5px 0 0 1 13.384135785px 22.624px L 20.624px 22.624px A 2px 2px 0 0 0 22.624px 20.624px L 22.624px 13.384135785px A 5px 5px 0 0 1 24.0879321075px 9.8480678925px L 23.0879321075px 9.8480678925px L 9.8480678925px 23.0879321075px Z)}.cui-tooltip-placement-top .cui-tooltip-arrow,.cui-tooltip-placement-topLeft .cui-tooltip-arrow,.cui-tooltip-placement-topRight .cui-tooltip-arrow{bottom:0;transform:translateY(100%)}.cui-tooltip-placement-top .cui-tooltip-arrow-content,.cui-tooltip-placement-topLeft .cui-tooltip-arrow-content,.cui-tooltip-placement-topRight .cui-tooltip-arrow-content{box-shadow:3px 3px 7px fade(#000,7%);transform:translateY(-11px) rotate(45deg)}.cui-tooltip-placement-top .cui-tooltip-arrow{left:50%;transform:translateY(100%) translate(-50%)}.cui-tooltip-placement-topLeft .cui-tooltip-arrow{left:13px}.cui-tooltip-placement-topRight .cui-tooltip-arrow{right:13px}.cui-tooltip-placement-left .cui-tooltip-arrow,.cui-tooltip-placement-leftTop .cui-tooltip-arrow,.cui-tooltip-placement-leftBottom .cui-tooltip-arrow{right:0;transform:translate(100%)}.cui-tooltip-placement-left .cui-tooltip-arrow-content,.cui-tooltip-placement-leftTop .cui-tooltip-arrow-content,.cui-tooltip-placement-leftBottom .cui-tooltip-arrow-content{box-shadow:0 7px fade(#000,7%);transform:translate(-11px) rotate(315deg)}.cui-tooltip-placement-left .cui-tooltip-arrow{top:50%;transform:translate(100%) translateY(-50%)}.cui-tooltip-placement-leftTop .cui-tooltip-arrow{top:5px}.cui-tooltip-placement-leftBottom .cui-tooltip-arrow{bottom:5px}.cui-tooltip-placement-bottom .cui-tooltip-arrow,.cui-tooltip-placement-bottomLeft .cui-tooltip-arrow,.cui-tooltip-placement-bottomRight .cui-tooltip-arrow{top:0;transform:translateY(-100%)}.cui-tooltip-placement-bottom .cui-tooltip-arrow-content,.cui-tooltip-placement-bottomLeft .cui-tooltip-arrow-content,.cui-tooltip-placement-bottomRight .cui-tooltip-arrow-content{box-shadow:-6px 7px fade(#000,7%);transform:translateY(11px) rotate(225deg)}.cui-tooltip-placement-bottom .cui-tooltip-arrow{left:50%;transform:translateY(-100%) translate(-50%)}.cui-tooltip-placement-bottomLeft .cui-tooltip-arrow{left:13px}.cui-tooltip-placement-bottomRight .cui-tooltip-arrow{right:13px}.cui-tooltip-placement-right .cui-tooltip-arrow{top:50%;transform:translate(-100%) translateY(-50%);left:0}.cui-tooltip-placement-right .cui-tooltip-arrow-content{box-shadow:3px 3px 7px #00000012;transform:translate(11px) rotate(135deg)}.cui-tooltip-dark{color:#919ba1}.cui-tooltip-dark .cui-tooltip-inner{background-color:#171a1c;border:1px solid hsl(203,8%,20%)}.cui-tooltip-dark .cui-tooltip-arrow-content{background-color:#171a1c}.cui-avatar-wrap{position:relative;width:fit-content}.cui-avatar-wrap>span{display:flex;justify-content:center;align-items:center}.cui-avatar{position:relative;overflow:visible;color:#fff;white-space:nowrap;text-align:center;vertical-align:middle;background:var(--cui-primary-color);box-sizing:border-box;margin:0;padding:0;color:fade(#000,85%);font-size:14px;font-variant:18px;line-height:1.5715;list-style:none;font-feature-settings:"tnum";user-select:none;display:inline-block;word-wrap:break-word;white-space:break-spaces;justify-content:center;width:50px;height:50px;line-height:50px;border-radius:50%;flex-shrink:0;font-size:21px}.cui-avatar-hasImage{background:transparent}.cui-avatar-image{background:transparent;width:100%;display:block;height:100%;position:relative;overflow:hidden;border-radius:50%}.cui-avatar-image>img{display:block;width:100%;height:100%;object-fit:cover}.cui-avatar .cui-image-img{display:block;width:100%;height:100%}.cui-avatar-string{padding:0 4px;overflow:hidden;white-space:nowrap;display:flex;position:absolute;box-sizing:border-box;width:100%;height:100%;align-items:center;justify-content:center}.cui-avatar-string>div{overflow:hidden}.cui-avatar.cui-avatar-icon{font-size:18px}.cui-avatar-lg{width:100px;height:100px;line-height:100px;border-radius:50%;flex-shrink:0;font-size:46px}.cui-avatar-lg.cui-avatar-icon{font-size:24px}.cui-avatar-sm{width:40px;height:40px;line-height:40px;border-radius:50%;flex-shrink:0;font-size:16px}.cui-avatar-sm.cui-avatar-icon{font-size:14px}.cui-avatar-square,.cui-avatar-square .cui-avatar-image{border-radius:4px}.cui-avatar-dark{background:var(--cui-primary-color)}.cui-avatar-dark .cui-avatar-presence-wrap{background-color:#171a1c}.cui-avatar-presence-wrap{border-radius:50%;width:10px;height:10px;background-color:#f9fafa;text-align:center;position:absolute;line-height:15px;right:calc(14.65% - 5px);bottom:calc(14.65% - 5px);display:flex;justify-content:center;align-items:center;padding:2px;box-sizing:border-box}.cui-avatar-presence-wrap>img{width:100%;border-radius:50%}.cui-avatar-presence-text{height:32px;line-height:32px;font-size:14px;text-align:center}.cui-presence-tag-wrap{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;right:calc(14.65% - 6px);bottom:calc(14.65% - 6px);width:12px;height:12px;background:hsl(203,8%,98%)}.cui-presence-tag{width:8px;height:8px;background:hsl(155,100%,50%);border-radius:50%}.cui-avatar-group{display:inline-block;width:50px;height:50px;line-height:50px;border-radius:50%;flex-shrink:0;font-size:21px;vertical-align:middle;position:relative;overflow:hidden}.cui-avatar-group.cui-avatar-icon{font-size:18px}.cui-avatar-group-lg{width:100px;height:100px;line-height:100px;border-radius:50%;flex-shrink:0;font-size:46px}.cui-avatar-group-lg.cui-avatar-icon{font-size:24px}.cui-avatar-group-sm{width:40px;height:40px;line-height:40px;border-radius:50%;flex-shrink:0;font-size:16px}.cui-avatar-group-sm.cui-avatar-icon{font-size:14px}.cui-avatar-group-square{border-radius:4px}.cui-avatar-group .cui-avatar:nth-child(1){scale:.6;border:1px solid #fff;position:absolute;z-index:9;transform-origin:5% 75%}.cui-avatar-group .cui-avatar:nth-child(2){position:absolute;scale:.6;right:0px;top:0px;transform-origin:90% 25%}.cui-message-notice{width:100%;display:flex;justify-content:center;overflow:hidden;padding:8px 24px;box-sizing:border-box;gap:8px;color:#acb4b9}.cui-message-notice span:nth-child(1){font-size:14px;font-style:normal;font-weight:500;line-height:20px;text-align:center}.cui-message-notice span:nth-child(2){font-size:12px;font-style:normal;line-height:20px}.cui-reply-message{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;flex-shrink:0;padding:0 12px;margin-bottom:2px}.cui-reply-message-nick{height:16px;font-size:12px;line-height:16px;color:#5270ad;display:flex}.cui-reply-message-nick>span{font-weight:500;margin:0 2px}.cui-reply-message-box{display:flex;align-items:center;width:100%}.cui-reply-message-content{max-width:calc(100% - 76px);display:flex;padding:8px 12px;background-color:#f1f2f3;border-radius:4px;position:relative;cursor:pointer}.cui-reply-message-content:hover{background-color:#f9fafa}.cui-reply-message-content-text{width:100%;font-size:14px;line-height:20px;color:#75828a;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}.cui-reply-message-content-text .cui-icon{float:left;margin-right:2px}.cui-reply-message-content-text-not{font-style:italic;color:#acb4b9;font-size:14px}.cui-reply-message-square{border-radius:4px}.cui-reply-message-round.cui-reply-message-right .cui-reply-message-content{border-radius:16px 12px 4px 16px}.cui-reply-message-round.cui-reply-message-left .cui-reply-message-content{border-radius:12px 16px 16px 4px}.cui-reply-message-arrow{cursor:pointer;margin:0 8px}.cui-reply-message-dark .cui-reply-message-content{background-color:#2f3437;color:#919ba1}.reply-message-twinkle{animation:fadeInOut2 1s .5s}.cui-message-base-dark.reply-message-twinkle{animation:fadeInOut1 1s .5s}@keyframes fadeInOut2{0%{background-color:#f9fafa;opacity:1}50%{background-color:#f1f2f3;opacity:1}to{background-color:#f9fafa;opacity:1}}@keyframes fadeInOut1{0%{background-color:#171a1c;opacity:1}50%{background-color:#2f3437;opacity:1}to{background-color:#171a1c;opacity:1}}.cui-message-reply{background-color:#f1f2f3}.cui-message-reply-summary{height:52px;font-size:12px;line-height:16px;display:flex;flex-direction:column;justify-content:center;padding:0 24px;position:relative;align-items:flex-start}.cui-message-reply-summary-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:12px;color:#171a1c}.cui-message-reply-summary-title>span{font-weight:500}.cui-message-reply-summary-desc{color:#75828a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:none;width:100%}.cui-message-reply-summary-desc .cui-icon{float:left}.cui-message-reply-summary-desc>span{font-weight:500;margin-right:2px;font-size:12px;color:#75828a}.cui-message-reply-summary-desc-img{width:36px;height:36px;flex-shrink:0;border-radius:4px;background:hsl(203,8%,90%);position:absolute;top:8px;right:36px;display:flex;justify-content:center;align-items:center;overflow:hidden}.cui-message-reply-summary-desc-img>img{width:100%;height:100%}.cui-message-reply-summary-close{position:absolute;right:8px;top:8px;cursor:pointer}.cui-message-reply-square .cui-message-reply-content{border-radius:4px}.cui-message-reply-dark{background-color:#2f3437}.cui-message-reply-dark .cui-message-reply-summary-title{color:#f9fafa}.cui-message-reply-dark .cui-message-reply-summary-desc{color:#919ba1}.cui-message-text-url-container{width:230px;word-break:break-all}.cui-message-text-url-container .cui-message-text{word-break:break-all}.cui-message-text{font-size:16px;line-height:24px;font-style:normal;text-align:left;word-break:break-word;display:inline-block;width:100%;white-space:pre-wrap}.cui-message-text-translation{text-align:left}.cui-message-text-translation-line{border-top:1px solid hsl(220,36%,40%);width:100%}.cui-message-text-translation-right .cui-message-text-translation-text{color:#314368}.cui-message-text-translation-right .cui-message-text-translation-line{border-top:1px solid var(--cui-primary-color8)}.cui-message-text-translation-right .cui-message-text-translation-action>div>svg{fill:var(--cui-primary-color9)}.cui-message-text-translation-right .cui-message-text-translation-action>span{color:var(--cui-primary-color9)}.cui-message-text-translation-right .cui-message-text-translation-action>span:last-child{color:#f9fafa}.cui-message-text-translation-hide .cui-message-text-translation-text{display:none}.cui-message-text-translation-text{font-size:16px;line-height:24px;text-align:left;word-break:break-all;display:inline-block;font-size:14px;line-height:20px;color:#5270ad;width:100%}.cui-message-text-translation-action{display:flex;align-items:center;justify-content:flex-end}.cui-message-text-translation-action>div>svg{fill:#75828a}.cui-message-text-translation-action>span{font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#75828a}.cui-message-text-translation-action>span:last-child{user-select:none;margin-left:4px;color:var(--cui-primary-color5);cursor:pointer}.message-text-url{position:relative;width:262px;left:-16px;text-align:center}.message-text-url-link{color:inherit}.message-text-url-img{width:262px;position:relative}.message-text-url-info{overflow:hidden;padding:0 16px}.message-text-url-title{font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:#171a1c;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.message-text-url-desc{color:#464e53;font-style:normal;font-weight:400;font-size:14px;line-height:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.message-text-url-info-dark .message-text-url-title,.message-text-url-info-dark .message-text-url-desc{color:#f9fafa}.cui-message-text-edit-tag{font-size:12px;text-align:right}.message-text-url-loading{color:#75828a;font-family:SF Pro;font-style:normal;font-weight:400;font-size:12px;line-height:22px}.message-text-hasImage .cui-message-base-content{width:268px}.cui-modify-textarea{height:120px}.cui-message-base-square .message-text-url:after{border-radius:0 0 4px 4px}.cui-message-base-round .cui-message-base-right .message-text-url:after{border-radius:0 0 4px 16px}.cui-message-base-round .cui-message-base-left .message-text-url:after{border-radius:0 0 16px 4px}.cui-modal{pointer-events:none;position:relative;width:auto;max-width:calc(100vw - 32px);margin:0 auto}.cui-modal.cui-zoom-enter,.cui-modal.cui-zoom-appear{transform:none;animation-duration:.3s;user-select:none}.cui-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1080;height:100%;background-color:#00000073}.cui-modal-mask-hidden{display:none}.cui-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0}.cui-modal-wrap{z-index:1090;display:flex;justify-content:center;align-items:center;text-align:left}.cui-modal-title{margin:0;font-size:18px;line-height:26px;font-weight:500;color:inherit;word-wrap:break-word}.cui-modal-content{background-color:#f9fafa;background-clip:padding-box;border:0;border-radius:4px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;pointer-events:auto;height:100%;overflow:auto}.cui-modal-content-round{border-radius:16px}.cui-modal-close{position:absolute;top:0;right:0;z-index:10;padding:0;color:#00000073;font-weight:700;line-height:1;text-decoration:none;background:transparent;border:0;outline:0;cursor:pointer;transition:color .3s}.cui-modal-close-x{display:flex;width:62px;height:62px;font-size:16px;font-style:normal;line-height:62px;text-align:center;text-transform:none;text-rendering:auto;justify-content:center;align-items:center}.cui-modal-close:focus,.cui-modal-close:hover{color:#000000bf;text-decoration:none}.cui-modal-header{padding:20px 24px;color:#2f3437;background:hsl(203,8%,98%);border-bottom:1px solid hsl(203,8%,90%);border-radius:4px 4px 0 0}.cui-modal-body{padding:24px;font-size:14px;line-height:1.5715;word-wrap:break-word;color:#2f3437}.cui-modal-footer{padding:10px 16px;text-align:right;background:transparent;border-top:1px solid hsl(203,8%,90%);border-radius:0 0 4px 4px}.cui-modal-footer button:nth-child(2){margin-bottom:0;margin-left:8px}.cui-modal-footer .cui-btn+.cui-btn:not(.cui-dropdown-trigger){margin-bottom:0;margin-left:8px}.cui-modal-footer .cui-button{padding:8px 20px}.cui-modal-open{overflow:hidden}.cui-modal-centered{text-align:center}.cui-modal-centered:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.cui-modal-centered .cui-modal{top:0;display:inline-block;padding-bottom:0;text-align:left;vertical-align:middle}@media (max-width: 767px){.cui-modal{max-width:calc(100vw - 16px);margin:8px auto}.cui-modal-centered .cui-modal{flex:1}}.cui-modal-content-dark{background-color:#171a1c;color:#f9fafa}.cui-modal-content-dark .cui-modal-header{background-color:#171a1c;color:#f9fafa;border-bottom:1px solid hsl(203,8%,20%)}.cui-modal-content-dark .cui-modal-body{color:#f9fafa}.cui-modal-content-dark .cui-modal-footer{border-top:1px solid hsl(203,8%,20%)}.cui-button{height:36px;padding:6px 20px -1px;font-size:14px;border-radius:4px;position:relative;display:inline-block;font-weight:500;white-space:nowrap;text-align:center;background-image:none;border:1px solid transparent;box-shadow:0 2px #00000004;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);user-select:none;touch-action:manipulation;color:#464e53;border-color:#c8cdd0;background:hsl(203,8%,98%)}.cui-button,.cui-button:active,.cui-button:focus{outline:0}.cui-button:not([disabled]):hover{text-decoration:none}.cui-button:not([disabled]):active{outline:0;box-shadow:none}.cui-button[disabled]{cursor:not-allowed}.cui-button[disabled]>*{pointer-events:none}.cui-button-lg{height:48px;padding:10.4px 20px -1px;font-size:16px;border-radius:4px}.cui-button-sm{height:28px;padding:2px 7px;font-size:14px;border-radius:4px}.cui-button:hover,.cui-button:focus{color:var(--cui-primary-color7);border-color:var(--cui-primary-color7);background:hsl(203,8%,98%)}.cui-button:active{color:var(--cui-primary-color5);border-color:var(--cui-primary-color5);background:hsl(203,8%,98%)}.cui-button[disabled],.cui-button[disabled]:hover,.cui-button[disabled]:focus,.cui-button[disabled]:active{color:#acb4b9;border-color:#f1f2f3;background:hsl(203,8%,95%);text-shadow:none;box-shadow:none}.cui-button:hover,.cui-button:focus,.cui-button:active{text-decoration:none;background:hsl(203,8%,98%)}.cui-button-default.cui-button-dark{color:#f1f2f3;border-color:#5e686e;background:hsl(203,8%,10%);text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px #0000000b}.cui-button-default.cui-button-dark:hover,.cui-button-default.cui-button-dark:focus{color:var(--cui-primary-color);border-color:var(--cui-primary-color);background:hsl(203,8%,10%)}.cui-button-default.cui-button-dark:active{color:#f9fafa;border-color:var(--cui-primary-color);background:var(--cui-primary-color2)}.cui-button-default.cui-button-dark[disabled],.cui-button-default.cui-button-dark[disabled]:hover,.cui-button-default.cui-button-dark[disabled]:focus,.cui-button-default.cui-button-dark[disabled]:active{color:#5e686e;border-color:#2f3437;background:hsl(203,8%,20%);text-shadow:none;box-shadow:none}.cui-button-primary{color:#f9fafa;border-color:var(--cui-primary-color5);background:var(--cui-primary-color5);text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px #0000000b}.cui-button-primary:hover,.cui-button-primary:focus{color:#f9fafa;border-color:var(--cui-primary-color7);background:var(--cui-primary-color7)}.cui-button-primary:active{color:#f9fafa;border-color:var(--cui-primary-color5);background:var(--cui-primary-color5)}.cui-button-primary[disabled],.cui-button-primary[disabled]:hover,.cui-button-primary[disabled]:focus,.cui-button-primary[disabled]:active{color:#acb4b9;border-color:#f1f2f3;background:hsl(203,8%,95%);text-shadow:none;box-shadow:none}.cui-button-primary.cui-button-dark{color:#f1f2f3;border-color:var(--cui-primary-color);background:var(--cui-primary-color);text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px #0000000b}.cui-button-primary.cui-button-dark:hover,.cui-button-primary.cui-button-dark:focus{color:var(--cui-primary-color);border-color:var(--cui-primary-color);background:hsl(203,8%,10%)}.cui-button-primary.cui-button-dark:active{color:#f9fafa;border-color:var(--cui-primary-color);background:var(--cui-primary-color2)}.cui-button-primary.cui-button-dark[disabled],.cui-button-primary.cui-button-dark[disabled]:hover,.cui-button-primary.cui-button-dark[disabled]:focus,.cui-button-primary.cui-button-dark[disabled]:active{color:#5e686e;border-color:#2f3437;background:hsl(203,8%,20%);text-shadow:none;box-shadow:none}.cui-button-primary.cui-button-dark:hover,.cui-button-primary.cui-button-dark:focus{color:#f1f2f3;border-color:var(--cui-primary-color7);background:var(--cui-primary-color7)}.cui-button-primary.cui-button-dark:active{color:#f9fafa;border-color:var(--cui-primary-color5);background:var(--cui-primary-color5)}.cui-button-ghost{color:fade(#000,85%);border-color:#c8cdd0;background:transparent}.cui-button-ghost:hover,.cui-button-ghost:focus{color:var(--cui-primary-color7);border-color:var(--cui-primary-color7);background:transparent}.cui-button-ghost:active{color:var(--cui-primary-color5);border-color:var(--cui-primary-color5);background:transparent}.cui-button-ghost[disabled],.cui-button-ghost[disabled]:hover,.cui-button-ghost[disabled]:focus,.cui-button-ghost[disabled]:active{color:#acb4b9;border-color:#f1f2f3;background:hsl(203,8%,95%);text-shadow:none;box-shadow:none}.cui-button-text{color:transparent;border-color:transparent;background:unset;text-align:center;padding:6px;box-shadow:none!important;border:none}.cui-button-text:hover,.cui-button-text:focus{color:var(--cui-primary-color7);border-color:var(--cui-primary-color7);background:unset}.cui-button-text:active{color:var(--cui-primary-color5);border-color:var(--cui-primary-color5);background:unset}.cui-button-text[disabled],.cui-button-text[disabled]:hover,.cui-button-text[disabled]:focus,.cui-button-text[disabled]:active{color:#acb4b9;border-color:#f1f2f3;background:hsl(203,8%,95%);text-shadow:none;box-shadow:none}.cui-button-text:hover,.cui-button-text:focus{background:hsl(203,8%,95%)}.cui-button-text:active{text-decoration:none;background:hsl(203,8%,90%)}.cui-button-text.cui-button-dark{color:var(--cui-primary-color);border-color:transparent;background:unset}.cui-button-text.cui-button-dark:hover,.cui-button-text.cui-button-dark:focus{color:var(--cui-primary-color7);border-color:var(--cui-primary-color7);background:unset}.cui-button-text.cui-button-dark:active{color:var(--cui-primary-color5);border-color:var(--cui-primary-color5);background:unset}.cui-button-text.cui-button-dark[disabled],.cui-button-text.cui-button-dark[disabled]:hover,.cui-button-text.cui-button-dark[disabled]:focus,.cui-button-text.cui-button-dark[disabled]:active{color:#acb4b9;border-color:#f1f2f3;background:hsl(203,8%,95%);text-shadow:none;box-shadow:none}.cui-button-text.cui-button-dark:hover,.cui-button-text.cui-button-dark:focus{background:var(--cui-primary-color1)}.cui-button-text.cui-button-dark:active{text-decoration:none;background:var(--cui-primary-color2)}.cui-button-round{height:36px;padding:6px 20px -1px;font-size:14px;border-radius:36px}.cui-button-round.cui-button-large{height:48px;padding:10.4px 20px -1px;font-size:16px;border-radius:48px}.cui-button-round.cui-button-small{height:28px;padding:2px 7px;font-size:14px;border-radius:28px}.cui-button-circle{min-width:36px;padding-right:0;padding-left:0;text-align:center;border-radius:50%}.cui-button-circle.cui-button-large{min-width:48px;height:48px;border-radius:50%}.cui-button-circle.cui-button-small{min-width:28px;height:28px;border-radius:50%}.ripple-container{position:absolute;z-index:0;overflow:hidden;inset:0px;border-radius:inherit}.ripple{position:absolute;border-radius:50%;background:rgba(0,0,0,.3);transform:scale(0);animation:ripple-animation .6s ease-in-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.cui-textarea{flex:1;display:flex;position:relative}.cui-textarea-input{flex:1;font-size:16px;text-align:left;line-height:24px;color:#464e53;max-height:96px;overflow:auto;padding:6px 16px;background-color:#f1f2f3;border-radius:18px;outline:0 none;min-height:24px;word-break:break-all;white-space:pre-wrap}.cui-textarea-input-square{border-radius:4px}.cui-textarea-input:empty:before{content:attr(placeholder);color:#919ba1}.cui-textarea-sendBtn{position:absolute;right:12px;bottom:7px;cursor:pointer;line-height:100%}.cui-textarea-hasBtn .cui-textarea-input{padding-right:32px}.cui-textarea-dark .cui-textarea-input{background-color:#2f3437;color:#f9fafa}.cui-message-img{max-width:100%;overflow:hidden}.cui-message-img+div{padding:0 8px 8px}.cui-message-img img{width:100%;display:block;max-width:300px;max-height:300px;object-fit:contain;border-radius:16px;margin:auto;background-color:#eee}.cui-message-img-square img{border-radius:4px}.message-image-preview-wrap .cui-modal-body{padding:0}.message-image-preview-wrap .message-image-big{width:100%;display:block}.cui-message-combine-title{height:24px;font-size:16px;line-height:24px;color:#f9fafa;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:4px;overflow:hidden;word-break:keep-all;margin-bottom:8px}.cui-message-combine-title>p{margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cui-message-combine-line{display:block;border-top:1px solid var(--cui-primary-color8)}.cui-message-combine-content{margin-top:8px;text-align:left;max-height:80px;overflow:hidden;line-height:20px;font-size:14px;color:#314368;white-space:pre-wrap}.cui-message-combine-icon{fill:#f9fafa}.cui-message-combine-secondly .cui-message-combine-title{color:#464e53}.cui-message-combine-secondly .cui-message-combine-line{border-top:1px solid hsl(220,36%,40%)}.cui-message-combine-secondly .cui-message-combine-content{color:#5270ad}.cui-message-combine-secondly .cui-message-combine-icon{fill:#464e53}.cui-message-combine-detail{height:480px;overflow-y:auto;overflow-x:hidden}.cui-message-combine-dark .cui-message-combine-title{color:#464e53}.cui-message-combine-dark .cui-message-combine-icon{fill:#464e53}.cui-message-combine-dark.cui-message-combine-secondly .cui-message-combine-title{color:#f9fafa}.cui-message-combine-dark.cui-message-combine-secondly .cui-message-combine-icon{fill:#f9fafa}.cui-message-file{height:44px;width:240px;min-width:122px;max-width:100%;display:flex;justify-content:space-between;flex-direction:row-reverse}.cui-message-file-secondly{flex-direction:row}.cui-message-file-secondly .cui-message-file-info span:nth-child(1){color:#464e53}.cui-message-file-secondly .cui-message-file-info span:nth-child(1):hover{color:var(--cui-primary-color5)}.cui-message-file-secondly .cui-message-file-info span:nth-child(2){color:#5270ad}.cui-message-file-icon{width:44px;height:44px;background:hsl(203,8%,98%);border-radius:9px;display:flex;justify-content:center;align-items:center}.cui-message-file-info{display:flex;flex-shrink:0;flex-direction:column;width:calc(100% - 54px)}.cui-message-file-info span:nth-child(1){font-weight:500;font-size:16px;line-height:24px;color:#f9fafa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.cui-message-file-info span:nth-child(1):hover{color:#e3e6e8;cursor:pointer;text-decoration:underline}.cui-message-file-info span:nth-child(2){font-weight:400;font-size:14px;line-height:20px;color:#f1f2f3;text-align:left}.cui-message-file-dark .cui-message-file-icon{background:hsl(203,8%,20%)}.cui-message-file-dark .cui-message-file-info span:nth-child(1){color:#171a1c}.cui-message-file-dark .cui-message-file-info span:nth-child(1):hover{color:#2f3437}.cui-message-file-dark .cui-message-file-info span:nth-child(2){color:#2f3437}.cui-message-file-dark.cui-message-file-secondly .cui-message-file-info span:nth-child(1){color:#f9fafa}.cui-message-file-dark.cui-message-file-secondly .cui-message-file-info span:nth-child(1):hover{color:var(--cui-primary-color7)}.cui-message-file-dark.cui-message-file-secondly .cui-message-file-info span:nth-child(2){color:#748dbe}.cui-message-card{max-width:100%;width:244px;height:72px;box-sizing:border-box;cursor:default}.cui-message-card-info{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;border-bottom:1px solid hsl(203,8%,90%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:12px}.cui-message-card-tag{font-size:12px;font-weight:400}.cui-message-card-modal{display:flex;flex-direction:column;align-items:center;gap:16px}.cui-message-card-content{display:flex;flex-direction:column;align-items:center}.cui-message-card-content-name{font-size:18px;font-weight:500;line-height:26px;text-align:center}.cui-message-card-content-id{display:flex;align-items:center;gap:2px;color:#acb4b9;text-align:center;font-size:14px;font-weight:400;line-height:20px}.cui-message-card-content-btn{width:fit-content;font-size:16px;font-weight:500;height:48px;display:flex;align-items:center;padding:12px 16px;gap:4px}.cui-message-card-content-btn svg{fill:#f9fafa}.cui-message-video{max-width:300px;overflow:hidden;position:relative;width:fit-content;display:flex}.cui-message-video+div{padding:0 8px 8px}.cui-message-video>video{width:100%;height:100%;object-fit:contain;border-radius:16px}.cui-message-video-square video{border-radius:4px}.cui-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.circle{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cui-message-recall{color:#acb4b9;font-size:14px;font-style:italic;font-weight:400}.cui-message-recall .cui-message-base-content{background:hsl(203,8%,95%)}.cui-emoji-container{width:260px}.cui-emoji-container-iconBox{width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer}.icon-container{cursor:pointer;line-height:100%}.cui-emoji-box{display:flex}.cui-emoji-box>img{width:25px;height:25px}.cui-reaction-btn{justify-content:center;align-items:center;display:flex;gap:4px;background:hsl(203,8%,95%);border-radius:12px;width:fit-content;cursor:pointer;border:1px solid hsl(203,8%,95%)}.cui-reaction-btn:hover{background:hsl(203,8%,98%)}.cui-reaction-btn:active{background:var(--cui-primary-color5);color:#f9fafa}.cui-reaction-btn-checked,.cui-reaction-btn-checked:hover{background:var(--cui-primary-color95);border:1px solid var(--cui-primary-color5);color:var(--cui-primary-color5)}.cui-reaction-btn-checked:active{background:hsl(203,8%,90%);color:#464e53;border:1px solid hsl(203,8%,90%)}.cui-reaction-btn-count{font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.cui-reaction-btn>img{width:18px;height:18px}.cui-reaction-btn-userList{margin:0;padding:0;display:grid;max-height:144px;overflow-y:auto}.cui-reaction-btn-userList li{min-width:204px;list-style:none;display:flex;height:36px;padding:6px 8px;justify-content:space-between;align-items:center;gap:8px;border-radius:8px;box-sizing:border-box}.cui-reaction-btn-userList li:hover{background-color:#f1f2f3}.cui-reaction-btn-userList .cui-li-dark:hover{background-color:#2f3437}.cui-reaction-btn-userList-name{flex:1}.cui-reaction-btn-userList-close{cursor:pointer}.cui-reaction-btn-dark{background-color:#2f3437;color:#e3e6e8;border:1px solid hsl(203,8%,20%)}.cui-reaction-btn-dark:hover{background:var(--cui-primary-color2)}.cui-reaction-btn-checked.cui-reaction-btn-dark{border:1px solid var(--cui-primary-color5)!important;color:var(--cui-primary-color5)!important}.cui-reaction-box{display:flex;padding:0 90px;float:left;flex-flow:wrap;gap:4px 8px;margin-bottom:16px;align-items:center}.cui-reaction-box-left{float:left}.cui-reaction-box-right{float:right;flex-direction:row-reverse}.cui-reaction-icon{fill:#919ba1}.cui-reaction-icon:hover{fill:var(--cui-primary-color5);cursor:pointer}.cui-checkbox-wrapper{display:inline-flex;cursor:pointer;align-items:baseline}.cui-checkbox{position:relative}.cui-checkbox+span{padding-right:8px;padding-left:8px}.cui-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.cui-checkbox input:focus~.cui-checkbox--mark{box-shadow:0 0 0 3px #e3e6e8;border:1px solid var(--cui-primary-color)}.cui-checkbox input:checked:focus~.cui-checkbox--mark{box-shadow:0 0 0 3px var(--cui-primary-color9)}.cui-checkbox input:checked~.cui-checkbox--mark{background-color:var(--cui-primary-color5);border:1px solid var(--cui-primary-color5)}.cui-checkbox input:checked~.cui-checkbox--mark.disabled{background-color:#e3e6e8;border:1px solid hsl(203,8%,90%)}.cui-checkbox input:checked~.cui-checkbox--mark:after{display:block}.cui-checkbox .cui-checkbox--mark{display:block;box-sizing:border-box;position:relative;height:14px;width:14px;border-radius:2px;background-color:inherit;border:1px solid hsl(203,8%,30%)}.cui-checkbox .cui-checkbox--mark.disabled{border:1px solid hsl(203,8%,90%)}.cui-checkbox .cui-checkbox--mark:after{content:"";position:absolute;display:none;left:4px;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.cui-checkbox-round>.cui-checkbox--mark{border-radius:7px}.cui-user-profile{display:flex;flex-flow:row wrap;justify-content:center;padding:10px;text-align:center}.cui-user-profile-nick{width:100%;margin-top:16px;color:#171a1c;font-size:18px;font-style:normal;font-weight:500;line-height:26px}.cui-user-profile-id{margin-top:3px;width:100%;color:#acb4b9;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:10px}.cui-user-profile-action-btn{width:100%}.cui-user-profile-action{display:flex;align-items:center;justify-content:center}.cui-user-profile-action-name{margin-left:8px}.cui-message-audio{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.cui-message-audio-primary{flex-direction:row-reverse}.cui-message-audio-primary svg path{stroke:#f9fafa}.cui-message-audio-secondly{flex-direction:row}.cui-message-audio-secondly svg path{stroke:#5270ad}.cui-message-audio-duration{font-size:16px;line-height:24px}.cui-message-audio-dark.cui-message-audio-primary svg path{stroke:#2f3437}.cui-message-audio-dark.cui-message-audio-secondly svg path{stroke:#f9fafa}.cui-message-audio-player{display:inline-block;position:relative;color:#f9fafa}.cui-message-audio-player-play div:nth-child(1){animation:fadeInOut 1s infinite .2s}.cui-message-audio-player-play div:nth-child(2){animation:fadeInOut 1s infinite .3s}.cui-message-audio-player-play div:nth-child(3){animation:fadeInOut 1s infinite .4s}.cui-message-audio-player-reverse{transform:rotate(180deg)}.cui-message-audio-player>div{position:absolute;left:0}.cui-pinned-messages{width:100%;height:100%;display:block;overflow:hidden;box-sizing:border-box;background-color:#f9fafa}.cui-pinned-messages-header{font-size:18px;border-bottom:1px solid hsl(203,8%,90%)}.cui-pinned-messages-wrap{height:calc(100% - 70px);padding:12px;overflow-y:overlay;overflow-anchor:none;scrollbar-color:hsl(203,8%,80%) transparent}.cui-pinned-messages-message-bubble{padding:8px 56px 12px 0;color:#171a1c}.cui-pinned-messages-message-bubble .cui-message-base-body{margin:0}.cui-pinned-messages-item-wrap{margin-bottom:12px;border-bottom:1px solid hsl(203,8%,90%)}.cui-pinned-messages-info-wrap{display:flex;justify-content:space-between}.cui-pinned-messages-info{font-size:12px;color:#5270ad}.cui-pinned-messages-time{font-size:12px;color:#acb4b9}.cui-pinned-messages-opt-wrap{position:relative}.cui-pinned-messages-opt-wrap:hover .cui-pinned-messages-opt{display:block}.cui-pinned-messages-opt{display:none;position:absolute;right:0;bottom:5px}.cui-pinned-messages-opt-icon{font-size:20px;fill:#75828a}.cui-pinned-messages-opt-icon:hover{cursor:pointer;fill:var(--cui-primary-color5)}.cui-pinned-messages-empty{display:block;height:100%;margin:0 auto;font-size:140px}.cui-pinned-messages-dark{background-color:#171a1c}.cui-pinned-messages-dark .cui-pinned-messages-wrap{scrollbar-color:hsl(203,8%,40%) transparent}.cui-pinned-messages-dark .cui-pinned-messages-item-wrap,.cui-pinned-messages-dark .cui-pinned-messages-header{border-bottom:1px solid hsl(203,8%,20%)}.cui-pinned-messages-dark .cui-pinned-messages-message-bubble{color:#f9fafa}.cui-header{height:60px;display:flex;align-items:center;padding:0 12px;justify-content:space-between;flex-shrink:0}.cui-header-content{display:flex;align-items:center;overflow:hidden;flex:1}.cui-header-content-box{display:flex;flex-direction:column;flex:1}.cui-header-content-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left;font-size:18px;line-height:26px;font-weight:500;color:#171a1c}.cui-header-content-sub{text-align:left;color:#75828a;font-size:12px;font-style:normal;line-height:16px}.cui-header-content-avatar-wrap{position:relative;cursor:pointer;margin-right:12px}.cui-header-content-presence-wrap{border-radius:50%;width:15px;height:15px;background-color:#fff;text-align:center;position:absolute;line-height:15px;bottom:-2px;right:-5px}.cui-header-more{list-style:none;padding:0;margin:0;width:max-content}.cui-header-more li{font-weight:500;font-size:14px;line-height:20px;padding:0 12px;height:36px;line-height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px}.cui-header-more li:hover{background:#F1F2F3}.cui-header-more .cui-li-dark:hover{background:hsl(203,8%,20%)}.cui-header-iconBox{display:flex}.cui-header-dark{color:#f9fafa}.cui-header-dark .cui-header-content-text{font-size:18px;line-height:26px;font-weight:500;color:#f9fafa}.cui-chat{height:100%;display:flex;flex:1;flex-direction:column;background-color:#f9fafa;overflow:hidden}.cui-chat-messageList{flex:1}.cui-chat-dark{background-color:#171a1c;color:#f9fafa}.cui-callkit-groupAvatar{width:64px;height:64px;line-height:64px;font-size:24px;display:flex;justify-content:center;align-items:center}.report-title{height:28px;font-size:14px;line-height:20px;font-weight:500;color:#75828a}.report-title-dark{color:#919ba1}.report-item{height:54px;cursor:pointer;font-size:16px;line-height:24px;font-weight:500;color:#171a1c}.report-item-dark{color:#f9fafa}.cui-messageList{flex:1;overflow:hidden;position:relative}.cui-messageList-msgItem{overflow:hidden}.cui-unread-message-count{position:absolute;bottom:64px;right:12px;padding:8px 20px 8px 14px;border-radius:24px;background:var(--cui-primary-color95);box-shadow:0 1px 3px #464e5326,0 4px 8px #171a1c1a;color:#5270ad;text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:20px;cursor:pointer;display:flex;align-items:center;gap:4px}.cui-recorder{display:flex;align-items:center;height:36px;width:36px}.cui-recorder-content{display:flex;flex:1;justify-content:space-between;background-color:transparent}.cui-recorder-content-left{display:flex;align-items:center}.cui-recorder-content-left .cui-recorder-iconBox{width:36px;height:36px;background-color:transparent;display:flex;align-items:center;justify-content:center;background:hsl(203,8%,95%);border-radius:4px}.cui-recorder-content-left .cui-recorder-iconBox-round{border-radius:18px}.cui-recorder-content-left .cui-recorder-time{margin-left:22px;margin-right:4px}.cui-recorder-content-left .cui-recorder-time span{position:relative;color:#464e53;font-size:16px}.cui-recorder-content-left .cui-recorder-time span:before{top:-2px;position:relative;display:inline-block;margin-right:8px;content:" ";width:8px;height:8px;border-radius:4px;background-color:#ff002b;animation:fadeInOut 1s infinite .2s}.cui-recorder-content-right{flex:1;width:fit-content;display:flex;align-items:center;justify-content:flex-end}.cui-recorder-content-right span{font-size:16px;line-height:24px;text-align:right;color:#919ba1;margin-right:16px}.cui-recorder-content-right .cui-recorder-send{width:36px;height:36px;border-radius:4px;background-color:var(--cui-primary-color5);justify-content:center;align-items:center;display:flex}.cui-recorder-content-right .cui-recorder-send-round{border-radius:18px}.cui-recorder-iconBox{width:36px;height:36px;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.cui-recorder-iconBox-round{border-radius:18px}.cui-recorder-dark .cui-recorder-iconBox-stop{background-color:#2f3437}.cui-recorder-dark .cui-recorder-time span{color:#f9fafa}@keyframes fadeInOut{0%{opacity:1}to{opacity:0}}.icon-container{height:20px;margin:8px;cursor:pointer}.cui-selected-controls-content-left>.cui-selected-controls-iconBox:hover>div>svg,.cui-selected-controls-content-right>.cui-selected-controls-iconBox:hover>div>svg{fill:#ff002b}.cui-message-editor{display:flex;padding:12px 20px;align-items:flex-end;position:relative;gap:10px}.cui-message-editor-disabled:after{content:" ";width:100%;height:100%;position:absolute;top:0;opacity:.5;cursor:not-allowed;background-color:#fff}.cui-message-editor-dark.cui-message-editor-disabled:after{opacity:.1}.cui-message-editor-sendBtn{width:36px;height:36px;justify-content:center;align-items:center;display:flex;cursor:pointer;line-height:100%;background-color:var(--cui-primary-color5);border-radius:4px}.cui-message-editor-sendBtn-round{border-radius:18px}.cui-moreAction li{list-style:none;height:36px;border-radius:8px;padding:0 8px;cursor:pointer;display:flex;justify-content:left;align-items:center;font-size:14px;font