.reply-panel{order:-2;flex:0 0 100%;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 13px;border-left:3px solid var(--cyan);border-radius:10px;background:rgba(82,220,232,.07)}
.reply-panel>div{min-width:0;flex:1}.reply-panel b,.reply-panel span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-panel b{font-size:12px;color:var(--cyan)}.reply-panel span{font-size:12px;color:var(--muted)}
.reply-panel button{width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:var(--muted);cursor:pointer}
.message{position:relative;transition:background-color .25s,box-shadow .25s}.message-reply{position:absolute;top:50%;right:calc(100% + 8px);width:32px;height:32px;transform:translateY(-50%);border:1px solid var(--line);border-radius:50%;background:#151c29;color:var(--cyan);opacity:0;cursor:pointer;transition:.15s}.message.own .message-reply{right:auto;left:calc(100% + 8px)}.message:hover .message-reply,.message-reply:focus{opacity:1}
.reply-quote{display:block;width:100%;margin:0 0 7px;padding:6px 9px;text-align:left;border:0;border-left:3px solid var(--cyan);border-radius:7px;background:rgba(3,10,18,.22);color:var(--text);cursor:pointer}.reply-quote b,.reply-quote span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-quote b{font-size:11px;color:var(--cyan)}.reply-quote span{font-size:12px;color:#bbc5d7}
.message.reply-highlight{background:rgba(82,220,232,.22)!important;box-shadow:0 0 0 2px rgba(82,220,232,.34),0 0 26px rgba(82,220,232,.18)}
@media(max-width:720px){.message-reply{display:none}}