/* Light WeChat conversation media; the compact menu follows the native dark popover. */
.wc-voice{position:relative;touch-action:pan-y;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;min-width:90px;min-height:42px;overflow:visible}
.wc-voice:before{content:'';position:absolute;left:-4px;top:13px;width:8px;height:8px;background:inherit;transform:rotate(45deg)}
.wc-voice .icon{width:19px;height:23px;stroke-width:1.9}
.wc-voice .voice-duration{font-size:15px}
.outgoing .wc-message-content{display:flex;flex-direction:column;align-items:flex-end}
.outgoing .wc-voice{flex-direction:row-reverse}
.outgoing .wc-voice:before{left:auto;right:-4px}
.outgoing .wc-voice .voice-wave{transform:rotate(180deg)}
.wc-voice.voice-selected{filter:brightness(.93)}
.wc-transcript{position:relative;max-width:100%;min-width:65px;margin-top:11px;padding:10px 12px;background:white;border-radius:5px;font-size:16px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;color:#111;text-align:left;box-sizing:border-box}
.wc-transcript:before{content:'';position:absolute;left:14px;top:-4px;width:8px;height:8px;transform:rotate(45deg);background:inherit}
.outgoing .wc-transcript:before{left:auto;right:14px}
.wc-voice-menu{position:absolute;z-index:110;display:flex;align-items:center;justify-content:center;min-width:84px;height:72px;max-width:calc(100% - 20px);border-radius:9px;background:#2c2c2e;color:white;box-shadow:0 3px 12px #0003;isolation:isolate}
.wc-voice-menu[hidden]{display:none!important}
.wc-voice-menu:after{content:'';position:absolute;width:11px;height:11px;background:inherit;bottom:-5px;left:calc(50% - 5px);transform:rotate(45deg);z-index:-1}
.wc-voice-menu.below:after{bottom:auto;top:-5px}
.wc-voice-menu button{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;padding:10px 17px;color:#fff;font-size:12px;min-height:64px}
.voice-text-mark{display:grid;place-items:center;border:1.5px solid #fff;border-radius:4px;width:24px;height:24px;font-size:16px;font-weight:500;line-height:1}
.wc-contact-card,.wc-file-card{display:block;width:226px;max-width:100%;border-radius:5px;background:#fff;text-align:left;overflow:hidden;color:#111}
.wc-card-person{display:flex;align-items:center;gap:10px;min-height:76px;padding:13px}
.wc-card-person .wc-avatar{width:40px;height:40px;font-size:20px;border-radius:5px}
.wc-card-person strong{font-weight:450;font-size:16px;overflow-wrap:anywhere}
.wc-contact-card>small{display:block;font-size:10px;line-height:1.4;color:#999;border-top:.5px solid #eee;padding:5px 12px}
.wc-file-card{display:flex;align-items:center;gap:13px;padding:16px 13px;min-height:80px}
.wc-file-card>span:first-child{flex:1;min-width:0}.wc-file-card strong{display:block;font-size:16px;font-weight:450;overflow-wrap:anywhere}.wc-file-card small{display:block;font-size:11px;color:#999;margin-top:7px}
.wc-file-mark{display:grid;place-items:center;width:42px;height:48px;border-radius:4px;background:#60a9ee;color:white;flex:none}.wc-file-mark .icon{width:26px;height:26px}

/* WeChat group avatars, member grid and work notices. */
.wc-avatar.wc-group-avatar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:2px;padding:3px;background:#d6d6d6;box-sizing:border-box}
.wc-group-avatar>span{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;background:var(--member-color);color:#fff;font-size:8px;font-weight:500;line-height:1;border-radius:1px}
.wc-group-avatar>span>img{width:100%;height:100%;object-fit:cover;border-radius:0}
.wc-group-avatar.large>span{font-size:11px}
.wc-group-info .app-scroll{padding:0 0 25px;background:#ededed}
.wc-members{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:8px;row-gap:18px;padding:22px 18px 25px;background:white}
.wc-member{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;text-align:center}
.wc-member>.wc-avatar{width:44px;height:44px;border-radius:6px;font-size:20px}
.wc-member>span:last-child{display:block;width:100%;min-width:0;font-size:11px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#888}
.wc-group-info .native-group{border-radius:0;margin:10px 0 0}
.wc-group-info .native-row{min-height:55px;padding-left:17px;padding-right:17px;font-size:16px}
.wc-group-value{font-size:14px;font-weight:400;color:#888;max-width:55%;overflow-wrap:anywhere;text-align:right}
.wc-group-notice .app-scroll{background:white;padding:24px 22px}
.wc-notice-author{display:flex;gap:12px;align-items:center;font-size:14px;color:#778496}
.wc-notice-author .wc-avatar{width:40px;height:40px;font-size:18px}
.wc-notice-copy{font-size:16px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere;margin:23px 0 0}
@container(max-width:350px){.wc-members{gap:16px 5px;padding-left:12px;padding-right:12px}.wc-member>.wc-avatar{width:40px;height:40px}.wc-member>span:last-child{font-size:10px}}