.channel.selected{background:#3b3e44;color:#fff}.channel-icon{font-size:19px;color:#858c98;flex:0 0 17px}.channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-people{padding:3px 0 4px 30px}.channel-person{display:flex;gap:8px;align-items:center;padding:5px;font-size:12px;color:#afb3bb}.member-state{margin-left:auto}.voice-member{background:#262a2e;border:1px solid #373d3d;border-radius:10px;min-width:105px;padding:14px;display:flex;align-items:center;flex-direction:column;gap:9px;font-size:12px}.voice-member .avatar{height:46px;width:46px}.voice-member small{color:#969ea8;font-size:10px}.member strong{font-size:12px;overflow-wrap:anywhere}.channel-welcome{padding:40px 0 30px}.channel-welcome h1{font-size:28px}.channel-welcome p{color:#9b9fa8;line-height:1.7}.welcome-symbol{width:60px;height:60px;background:#35383e;border-radius:50%;display:grid;place-items:center;font-size:40px}.message-heading{display:flex;align-items:center;gap:9px}.message-heading strong{font-size:13px}.message-heading time,.message-heading small{font-size:10px;color:#858c97}.message-actions{align-self:flex-start;flex-shrink:0}.reaction.mine{background:#244a38;border-color:var(--green)}.reaction-picker{display:flex;gap:12px;justify-content:center;padding:20px 0}.reaction-picker button{background:#363b40;border-radius:8px;padding:12px;font-size:24px}.discover-card{width:100%;display:flex;flex-direction:column;text-align:left;background:#34373c;padding:15px;gap:7px;border-radius:8px;margin:8px 0}.discover-card small{color:#9ca5ae}.toggled{color:#ff777f!important;background:#51333b;border-radius:5px}.leave-button{background:#c64e5d;color:white}.leave-button:hover{background:#d75a69;color:white}.settings-hint{color:#9fa7b0}.channel.connected-channel .channel-icon{color:var(--green)}.members-pane h2:not(:first-child){margin-top:20px}.voice-view{min-height:0}.voice-member strong{max-width:110px;overflow:hidden;text-overflow:ellipsis}.voice-view:has(.voice-members:not(:empty)){justify-content:flex-start;padding-top:35px}.voice-view:has(.voice-members:not(:empty)) .mascot{width:80px;height:80px;font-size:45px;margin-bottom:25px}.voice-view:has(.voice-members:not(:empty)) .mascot span{font-size:20px;bottom:10px}.voice-view:has(.voice-members:not(:empty)) h1{font-size:30px}.channel-person span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:650px){.reaction-picker{gap:5px}.reaction-picker button{padding:10px}.channel-welcome h1{font-size:23px}.voice-member{min-width:85px}.message{gap:8px}.message-actions button{padding:6px}.message-actions{flex-direction:column}.voice-view:has(.voice-members:not(:empty)){padding-top:22px}}