.comments{border-top:1px solid var(--bdrColor);margin-top:28px;padding-top:22px}.comments-head{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.comments-badge{width:38px;height:38px;color:var(--mainBlue);background-color:#0086dc24;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.comments-title{font-size:var(--FontSize16);color:var(--headingColor);margin:0;line-height:1.4}.comments-sub{color:var(--textlighter);margin:2px 0 0;font-size:.8125rem}.comment-form{gap:12px;display:flex}.comment-box{border:1px solid var(--bdrColor);background-color:var(--inputBg);border-radius:12px;flex:auto;min-width:0;transition:border-color .2s}.comment-box:focus-within{border-color:var(--textHover)}.comment-input{width:100%;min-height:44px;color:var(--fontColor);font-family:var(--sitefont);font-size:var(--FontSize);resize:none;background:0 0;border:0;padding:12px 14px;line-height:1.6;display:block;overflow:hidden}.comment-input:focus{outline:none}.comment-input::placeholder{color:var(--textlighter)}.comment-box-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 10px;display:flex}.comment-tools{align-items:center;gap:2px;display:flex;position:relative}.comment-tool{width:32px;height:32px;color:var(--textlighter);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s;display:inline-flex}.comment-tool:hover,.comment-tool:focus-visible,.comment-tool[aria-expanded=true]{background-color:var(--boxlightbg);color:var(--textHover)}.comment-emoji-pop{z-index:20;border:1px solid var(--bdrColor);background-color:var(--dropdownBg);border-radius:12px;grid-template-columns:repeat(8,34px);gap:2px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 28px #00000059}.comment-emoji{cursor:pointer;background:0 0;border:0;border-radius:8px;width:34px;height:34px;padding:0;font-size:1.05rem;line-height:1;transition:background-color .15s}.comment-emoji:hover,.comment-emoji:focus-visible{background-color:var(--boxlightbg)}.comment-form-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.comment-post{font-size:var(--FontSize);align-items:center;gap:7px;padding:9px 18px 9px 15px;font-weight:600;line-height:1;display:inline-flex}.comment-remaining{color:var(--textlighter);font-size:.75rem}.comment-form .btn:disabled{opacity:.55;cursor:not-allowed}.comment-error{font-size:var(--FontSize);margin:0 14px 12px}.comment-signin{color:var(--textColor2);font-size:var(--FontSize);margin:0}.comment-signin a{color:var(--texthightlight);text-underline-offset:2px;text-decoration:underline}.comment-list{margin:20px 0 0;padding:0;list-style:none}.comment-thread{border:1px solid var(--bdrColor);border-radius:14px;margin-bottom:14px;padding:16px 18px}.comment-thread:last-child{margin-bottom:0}.comment{gap:12px;display:flex}.comment-photo{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.comment-photo-sm{width:32px;height:32px}.comment-main{flex:auto;min-width:0}.comment-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:4px 12px;display:flex}.comment-byline{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 5px;display:flex}.comment-author{color:var(--textColor1);font-size:var(--FontSize);font-weight:600}a.comment-author:hover{color:var(--textHover)}.comment-time{color:var(--textlighter);font-size:.75rem}.comment-edited{color:var(--texthightlight);background-color:#0086dc24;border-radius:999px;padding:2px 8px;font-size:.6875rem;font-style:italic;line-height:1.5}.comment-body{color:var(--textColor2);font-size:var(--FontSize);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.7}.comment-foot{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.comment-foot:not(:empty){margin-top:8px}.comment-reply-btn{color:var(--mainBlue);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;margin:-5px -10px;padding:5px 10px;font-family:inherit;font-size:.8125rem;font-weight:600;line-height:1;transition:background-color .2s,color .2s;display:inline-flex}.comment-reply-btn:hover,.comment-reply-btn:focus-visible{background-color:var(--boxlightbg);color:var(--textHover)}.comment-reply-btn.danger{color:var(--textlighter)}.comment-reply-btn.danger:hover,.comment-reply-btn.danger:focus-visible{background-color:var(--boxlightbg);color:var(--errorColor)}.comment-menu{flex-shrink:0;margin-left:auto;position:relative}.comment-menu-btn{width:28px;height:28px;color:var(--textlighter);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-top:-3px;padding:0;transition:background-color .2s,color .2s;display:inline-flex}.comment-menu-btn:hover,.comment-menu-btn:focus-visible,.comment-menu-btn[aria-expanded=true]{background-color:var(--boxlightbg);color:var(--textColor1)}.comment-menu-pop{z-index:20;border:1px solid var(--bdrColor);background-color:var(--dropdownBg);border-radius:10px;flex-direction:column;min-width:148px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 12px 28px #00000059}.comment-menu-item{width:100%;color:var(--textColor2);font-family:inherit;font-size:var(--FontSize);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;transition:background-color .15s,color .15s;display:flex}.comment-menu-item:hover,.comment-menu-item:focus-visible{background-color:var(--boxlightbg);color:var(--textColor1)}.comment-menu-item.danger:hover,.comment-menu-item.danger:focus-visible{color:var(--errorColor)}.comment-replies{margin:14px 0 0 52px}.comment-reply-list{margin:0;padding:0;list-style:none}.comment-reply-list li{padding-bottom:12px;position:relative}.comment-reply-list li:last-child{padding-bottom:0}.comment-reply-list li:before{content:"";background-color:var(--bdrColor);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:-32px}.comment-reply-list li:first-child:before{top:-14px}.comment-reply-list li:last-child:before{height:8px;bottom:auto}.comment-reply-list li:first-child:last-child:before{height:22px}.comment-reply{border-radius:12px;padding:12px 14px;position:relative}.comment-reply:before{content:"";border-left:2px solid var(--bdrColor);border-bottom:2px solid var(--bdrColor);pointer-events:none;border-bottom-left-radius:16px;width:32px;height:16px;position:absolute;top:8px;left:-32px}.comment-reply:after{content:"";background-color:var(--bdrColor);pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;top:21px;left:-6px}.comment-more{color:var(--mainBlue);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;margin:12px 0 0;padding:5px 10px;font-family:inherit;font-size:.8125rem;font-weight:600;line-height:1;transition:background-color .2s,color .2s;display:inline-flex}.comment-more:hover,.comment-more:focus-visible{background-color:var(--boxlightbg);color:var(--textHover)}.comment-more.open svg{transform:rotate(180deg)}.comment-action{color:var(--textlighter);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:.75rem}.comment-action:hover:not(:disabled),.comment-action:focus-visible{color:var(--textHover);text-decoration:underline}.comment-action.danger:hover:not(:disabled),.comment-action.danger:focus-visible{color:var(--errorColor)}.comment-action:disabled{opacity:.6;cursor:default}.comment-confirm{color:var(--textColor2);font-size:.75rem}.comment-edit{flex-direction:column;gap:10px;margin-top:6px;display:flex}.comment-edit .comment-input{resize:vertical;border:1px solid var(--bdrColor);background-color:var(--inputBg);border-radius:10px;min-height:96px;overflow:auto}.comment-edit .comment-input:focus{border-color:var(--textHover)}.comment-edit .comment-error{margin:0}.comment-reply-form{margin-top:12px}.comment-thread{background-color:#ffffff08}.comment-reply{background-color:#ffffff0a}html[data-theme=light] .comment-thread{background-color:#00000005}html[data-theme=light] .comment-reply{background-color:#00000008}html[data-theme=light] .comment-menu-pop,html[data-theme=light] .comment-emoji-pop{background-color:var(--boxbg);box-shadow:0 12px 28px #0000001f}@media (max-width:575.98px){.comment-form{flex-direction:column}.comment-form .comment-photo{display:none}.comment-thread{padding:14px}.comment-replies{margin-left:36px}.comment-reply-list li:before{left:-20px}.comment-reply:before{width:20px;left:-20px}.comment-emoji-pop{grid-template-columns:repeat(6,34px)}}
