.comments-section.surface{border:0;border-radius:5px;margin:20px 5px 0;padding:10px 30px 20px;overflow:hidden;box-shadow:1px 1px 3px 1px #0003}.comments-heading{border-bottom:1px solid #5b616d1f;align-items:center;gap:8px;min-height:46px;display:flex}.comments-heading h2{margin:0;font-size:16px;font-weight:600}.comments-heading span{color:var(--muted);font-size:12px}.comment-list{margin:0;padding:6px 0;list-style:none}.comment-item{border-bottom:1px solid #5b616d1a;padding:14px 0}.comment-row{gap:11px;display:flex}.comment-avatar{object-fit:cover;border-radius:50%;flex:0 0 40px;width:40px;height:40px;box-shadow:1px 1px 2px #0003}.comment-content{flex:1;min-width:0;container-type:inline-size}.comment-meta{color:var(--muted);font-size:14px;line-height:20px}.comment-meta strong{color:var(--text);font-weight:600}.comment-byline{flex-wrap:wrap;align-items:center;gap:4px 1px;display:flex}.comment-byline>a,.comment-byline>strong{margin-right:3px}.comment-metadata{align-items:center;gap:10px;margin-top:5px;font-size:12px;display:flex}.comment-metadata>span{align-items:center;gap:3px;display:inline-flex}.comment-html{color:var(--text);margin-top:5px;font-size:13px;line-height:1.7}.comment-html p{margin:0 0 6px}.comment-reply-button{color:#98a6ad;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:4px;padding:2px 0;font-size:12px;display:inline-flex}.comment-reply-button:hover{color:#7266ba}.comment-expand-button{margin-inline-start:51px}.comment-children[hidden],.comment-list[hidden]{display:none}.comment-thread-controls{color:#98a6ad;padding:10px 0;font-size:12px;list-style:none}.comment-thread-controls p{margin:4px 0}.comment-children{margin:4px 0 0 50px;padding:0;list-style:none}.comment-children .comment-item:last-child{border-bottom:0}.comment-form{padding-top:18px}.comment-form h2{color:#777;margin:0;font-size:18px;font-weight:400;line-height:1.1}.comment-form label{color:var(--muted);gap:7px;margin-top:13px;font-size:14px;display:grid}.comment-form input,.comment-form textarea{width:100%;color:var(--text);background:var(--input-surface);border:1px solid #8796a538;border-radius:2px;outline:0;padding:8px 12px}.comment-form input{min-height:34px}.comment-form textarea{resize:none;background-color:#fff;background-image:url(/images/comment-background.png);background-position:right 16px center;background-repeat:no-repeat;background-size:auto calc(100% - 20px);min-height:115px;transition:border-color .16s,box-shadow .16s,background-position .22s}.comment-form input:focus,.comment-form textarea:focus{border-color:#448bff;box-shadow:0 0 0 3px #448bff2e}.comment-form textarea:focus{background-position:right 16px bottom -118px}.comment-body-field{gap:7px;margin-top:13px;display:grid}.comment-body-field>.comment-field-label{justify-self:start;margin-top:0;display:inline-flex}.comment-editor{min-width:0}.comment-editor-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:32px;padding-top:7px;display:flex}.comment-editor-actions{align-items:center;gap:5px;display:flex}.comment-editor-actions button{color:#7b8490;cursor:pointer;min-width:28px;min-height:28px;font:inherit;background:#ffffff59;border:1px solid #8796a538;border-radius:4px;justify-content:center;align-items:center;padding:3px 7px;font-size:12px;display:inline-flex}.comment-editor-actions button:hover,.comment-editor-actions button[aria-expanded=true]{color:#7266ba;background:#ffffff9e}.comment-editor-actions button:disabled{cursor:wait;opacity:.55}.comment-editor-actions .comment-emotion-trigger{align-items:center;gap:5px;min-height:28px;padding-inline:10px;display:inline-flex}.comment-editor-count{color:#a0a0a0;font-variant-numeric:tabular-nums;font-size:11px}.comment-emotion-panel{background:#ffffffc2;border:1px solid #8796a533;border-radius:5px;width:100%;margin-top:6px;overflow:hidden;box-shadow:0 5px 16px #1f29371f}.comment-emotion-tabs{background:#f4f6f9d1;border-bottom:1px solid #8796a52e;align-items:center;padding:0 8px;display:flex}.comment-emotion-tabs button{color:#8a929d;cursor:pointer;min-height:35px;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 12px;font-size:12px}.comment-emotion-tabs button[aria-selected=true]{color:#7266ba;border-bottom-color:#7266ba;font-weight:600}.comment-emotion-items{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:5px;max-height:220px;padding:9px;display:grid;overflow-y:auto}.comment-emotion-items button{cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;min-width:0;height:46px;padding:4px;display:grid}.comment-emotion-items button:hover{background:#7266ba1f}.comment-emotion-items img{object-fit:contain;width:auto;max-width:44px;height:38px}.comment-emotion-items.is-emoticon{grid-template-columns:repeat(2,minmax(0,1fr))}.comment-emotion-items .is-emoticon{color:#666;white-space:nowrap;justify-items:start;height:auto;min-height:38px;padding:5px 9px;font-size:13px}.comment-html img[src^="/images/comment-emotions/"]{vertical-align:middle;width:auto;max-width:96px;height:40px;margin:0 2px}.comment-signed-in{color:var(--muted);margin:12px 0 0;font-size:13px}.comment-form-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.comment-reply-cancel{color:#98a6ad;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.comment-reply-form{background:#ffffff47;border-radius:4px;margin-top:10px;padding:14px}.comment-reply-form h2{font-size:15px}.comment-hint{color:#a0a0a0;align-items:flex-start;gap:4px;margin:5px 0 14px;font-size:13px;line-height:18px;display:flex}.comment-hint svg{flex:0 0 14px;margin-top:1px}.comment-field-label{color:#777;align-items:baseline;gap:3px;line-height:20px;display:inline-flex}.comment-field-label .required{color:#f05050}.comment-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.comment-url-field{grid-column:1/-1}.comment-submit-row{flex-wrap:wrap;align-items:center;gap:13px;min-height:34px;margin-top:16px;display:flex}.comment-submit-row>button{color:#fff;cursor:pointer;background:#f05071;border:0;border-radius:18px;justify-content:center;align-items:center;gap:6px;min-width:117px;min-height:34px;padding:0 18px;display:inline-flex;box-shadow:0 4px 10px #f050713d}.comment-submit-row>button:disabled{cursor:wait;opacity:.62}.comment-message{color:#4f9d64;margin:0;font-size:12px}.comment-message.error{color:#c35f5f}:root[data-tone=dim] .comments-section.surface{color:#777;background:#000c}:root[data-tone=dim] .comment-form input,:root[data-tone=dim] .comment-form textarea{background:#212121;border-color:#0000}:root[data-tone=dim] .comment-editor-actions button,:root[data-tone=dim] .comment-emotion-panel{color:#aaa;background:#212121eb;border-color:#ffffff1f}:root[data-tone=dim] .comment-emotion-tabs{background:#191919;border-bottom-color:#ffffff1a}:root[data-tone=dim] .comment-emotion-items .is-emoticon{color:#aaa}:root[data-tone=dim] .comment-reply-form{background:#191919}:root[data-tone=dim] .comment-form h2,:root[data-tone=dim] .comment-field-label,:root[data-tone=dim] .comment-hint{color:#777}@media (min-width:1200px){.comment-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.comment-url-field{grid-column:auto}}@media (max-width:767px){.comments-section.surface{border-radius:0;margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}}@media (max-width:560px){.comment-expand-button{margin-inline-start:45px}.comments-section.surface{padding-left:15px;padding-right:15px}.comment-fields{grid-template-columns:1fr;gap:0}.comment-emotion-items.is-emoticon{grid-template-columns:1fr}.comment-url-field{grid-column:auto}.comment-children{margin-left:18px}.comment-avatar{flex-basis:34px;width:34px;height:34px}}
