.comment-box.su-comment-reply{float:none;clear:both;width:auto;margin:8px 12px 12px 24px;box-sizing:border-box;border:0;border-top:1px solid #dbe2e8;border-radius:0;box-shadow:none;background:transparent}
.su-comment-reply>.viewhead,.su-comment-reply>.viewmain{background:transparent;border-radius:0}
html[data-theme=dark] .comment-box.su-comment-reply{border-top-color:#46515b;background:transparent;box-shadow:none}
.comment-box.su-comment-own{position:relative}
.comment-box.su-comment-own::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:#3a80ad;pointer-events:none}
.comment-box:target{outline:2px solid #dfa13a;outline-offset:2px}
.su-comment-context{font-size:12px;color:#536579;margin-bottom:8px}
.su-comment-own-label{display:inline-block;font-size:11px;font-weight:600;margin-left:9px;color:#40617c}
.su-comment-actions{display:flex;align-items:center;margin-top:4px;clear:both}
.su-comment-actions:empty{display:none}
.su-comment-reply-button{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid #d1d9e0;border-radius:5px;background:#f3f5f7;color:#586674;font:500 12px/1.3 system-ui;text-decoration:none;transition:color .15s,background-color .15s;cursor:pointer}
.su-comment-reply-button:hover{color:#23455f;background:#e9eef3;text-decoration:none}
.su-comment-reply-button:focus-visible{outline:2px solid #2779b7;outline-offset:3px}
.su-reply-notice{padding:12px 16px;border-left:3px solid #3a80ad;border-radius:8px;background:#edf4fa;color:#314b60}
html[data-theme=dark] .su-comment-context,html[data-theme=dark] .su-comment-own-label{color:#b5cee0}
html[data-theme=dark] .su-comment-reply-button{color:#bdcbd5;background:#2d343b;border-color:#48535d}
html[data-theme=dark] .su-comment-reply-button:hover{color:#e4eff7;background:#39434c}
html[data-theme=dark] .su-reply-notice{background:#2c3944;color:#e4eff7}
@media(max-width:767px){.comment-box.su-comment-reply{margin:8px 8px 10px 16px}.su-comment-own-label{margin-left:5px}}
.su-reply-editor{clear:both;margin:10px 0 2px;padding:10px;background:#f5f7f9;border:1px solid #dbe2e8;border-radius:7px;text-align:left}
.su-reply-editor label{display:block;margin-bottom:6px;font:600 12px/1.4 system-ui;color:#465766}
.su-reply-editor textarea{display:block;box-sizing:border-box;width:100%;min-height:84px;resize:vertical;padding:9px;border:1px solid #b8c6d1;border-radius:5px;background:#fff;color:#253746;font:400 16px/1.45 system-ui}
.su-reply-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.su-reply-controls button{width:auto;margin:0;padding:5px 10px;border:1px solid #bac8d3;border-radius:5px;background:#eaf0f5;color:#344b5d;font:500 12px/1.4 system-ui;cursor:pointer}
.su-reply-controls button:hover{background:#dce7ef}
.su-reply-controls button:disabled{opacity:.6;cursor:default}
.su-reply-editor [role=status]{margin:6px 0 0;color:#526576;font:400 12px/1.4 system-ui}
.su-reply-editor [role=status]:empty{display:none}
.su-reply-editor textarea:focus-visible,.su-reply-controls button:focus-visible{outline:2px solid #3982b4;outline-offset:2px}
html[data-theme=dark] .su-reply-editor{background:#282f35;border-color:#46535e}
html[data-theme=dark] .su-reply-editor label,html[data-theme=dark] .su-reply-editor [role=status]{color:#bdccd8}
html[data-theme=dark] .su-reply-editor textarea{background:#20262b;border-color:#5b6c7a;color:#edf3f7}
html[data-theme=dark] .su-reply-controls button{background:#35434e;border-color:#5b6c7a;color:#e0eaf1}
html[data-theme=dark] .su-reply-controls button:hover{background:#455865}
.su-root-editor,.su-comment-compose{clear:both;box-sizing:border-box}
.su-root-editor{width:100%;margin:12px 0 18px}
.su-comment-compose{margin:12px 0}
.comment-box .su-comment-avatar{display:inline-block;width:28px;height:28px;min-width:28px;max-width:28px;margin:0 7px 0 0;border:1px solid #b6c5cf;border-radius:50%;object-fit:cover;vertical-align:middle;box-sizing:border-box}
html[data-theme=dark] .comment-box .su-comment-avatar{border-color:#647581}
