.cms-comments{box-sizing:border-box;margin-top:20px;padding:44px 46px 48px;border:1px solid #dfe6fb;border-radius:18px;background:var(--card_color,#fafbfe)}
.cms-comments .comment_body{padding:0;margin:0}.cms-comments .cms-comment-heading{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;margin:0 0 20px;line-height:1.4}.cms-comment-heading svg{width:24px;height:24px}
.cms-comments .comment_card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;padding:0;margin:0}.cms-comments .comment_card label{display:block;margin:0;min-width:0}.cms-comments .cms-comment-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cms-comments .comment_card input,.cms-comments .comment_card textarea{box-sizing:border-box;width:100%;background:var(--card_color,#fff);color:var(--color1,#222);border:1px solid #dfe6fb;border-radius:8px;padding:12px 18px;font:inherit;outline:none}.cms-comments .comment_card input{height:45px}.cms-comments .comment_card input:focus,.cms-comments .comment_card textarea:focus{border-color:#2563eb}.cms-comments .comment_card textarea{display:block;min-height:136px;font-size:22px;line-height:1.6;resize:vertical}.cms-comments .comment_card>label:last-of-type,.cms-comments .cms-comment-actions{grid-column:1/-1}
.cms-comments .cms-comment-actions{display:flex;align-items:center;justify-content:space-between;margin-top:0}.cms-comments .cms-emoji-wrap{position:relative}.cms-comments .cms-comment-actions button{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;padding:0;border-radius:50%;font-size:18px}.cms-comments .cms-emoji-toggle{background:#f1f4fa;color:#222}.cms-comments .cms-comment-send{background:#2563eb;border:1px solid #064ce7;color:#fff}.cms-comment-send svg{width:24px;height:24px}.cms-comments .cms-emoji-picker{position:absolute;z-index:5;top:50px;left:0;display:flex;padding:6px;background:var(--card_color,#fff);border:1px solid #dfe6fb;border-radius:10px;box-shadow:0 5px 18px #0001}.cms-comments .cms-emoji-picker[hidden]{display:none}.cms-comments .cms-emoji-picker button{width:34px;height:34px;border-radius:6px;background:transparent;color:inherit}
.cms-comments .cms-comment-count{font-size:24px;font-weight:700;margin:28px 0 32px;line-height:1.5}.cms-comments .comment-list{list-style:none;margin:0;padding:0}.cms-comments .comment-list>.item{margin:0 0 24px;padding:0;list-style:none}.cms-comments .comment-list .body{display:flex;gap:20px;align-items:flex-start}.cms-comments .comment-list .logo{flex:0 0 44px;width:44px;height:44px}.cms-comments .comment-list .logo img{box-sizing:border-box;display:block;width:44px;height:44px;border:1px solid #c5cbdb;border-radius:50%;padding:4px;object-fit:contain}.cms-comments .comment-list .right{position:relative;flex:1;min-width:0}.cms-comments .comment-list .name{padding:6px 50px 12px 0;line-height:1.5}.cms-comments .comment-list .author{color:#2563eb}.cms-comments .comment-list .author a{color:inherit}.cms-comments .comment-list .date{font-size:12px;margin-left:10px;opacity:.55}.cms-comments .comment-list .content{padding:8px 12px;background:var(--background,#f1f4fa);overflow-wrap:anywhere}.cms-comments .comment-list .content p{margin:0;font-size:14px;line-height:1.5}.cms-comments .cms-comment-reply{position:absolute;right:0;top:4px;border:0;padding:4px 8px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}.cms-comments .comment-notice{margin:16px 0;color:#2563eb}
@media(max-width:650px){.cms-comments{padding:24px 20px}.cms-comments .comment_card{grid-template-columns:minmax(0,1fr)}.cms-comments .comment-list .body{gap:12px}.cms-comments .comment-list .date{display:block;margin-left:0}.cms-comments .comment_card textarea{font-size:18px}}

.cms-comments .comment_body>.title{display:none}
.cms-comments .cms-comment-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.cms-comments .cms-comment-header .cms-comment-heading{margin:0;flex-shrink:0}
.cms-comments .cms-comment-tools{display:flex;align-items:center;gap:8px}
.cms-comments .cms-comment-tools button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border:1px solid #dfe6fb;border-radius:8px;background:var(--background,#f1f4fa);color:var(--color1,#222);font:inherit;font-size:14px;line-height:1.2;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}
.cms-comments .cms-comment-tools button:hover,.cms-comments .cms-comment-tools button:focus-visible{color:#2563eb;border-color:#2563eb}
@media(max-width:650px){.cms-comments .cms-comment-header{gap:8px}.cms-comments .cms-comment-header .cms-comment-heading{font-size:20px}.cms-comments .cms-comment-tools button{padding:7px 10px;font-size:13px}}
.cms-comments .comment-list .name{overflow-wrap:anywhere}
.cms-comments .comment_body .body .name span.date{opacity:.65}
.cms-comments .comment-list .content{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:650px){
 .cms-comments.post_comment{padding:24px 20px}
 .cms-comments .comment-list .right{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
 .cms-comments .comment-list .name{padding:0}
 .cms-comments .comment-list .cms-comment-reply{position:static;justify-self:start;padding:4px 0}
 .cms-comments .comment-list .content{margin:0}
 .cms-comments .comment-list .logo,.cms-comments .comment-list .logo img{width:36px;height:36px;flex-basis:36px}
}