.comments-list .comment,.cross-comments .comments-list .comment{padding-left:calc(var(--reply-depth,0) * 28px)}.comment-badges{vertical-align:middle;flex-wrap:wrap;gap:4px;margin-left:8px;display:inline-flex}.comment-badge{color:#fff;background:#8bdc55;border-radius:3px;padding:0 5px;font-size:10px;line-height:18px}.comment-badge:first-child{background:#70c98b}.comment-badge:nth-child(2){background:#68c8d5}.comment-badge:nth-child(3){background:#94cf43}@media (width<=767px){.comments-list .comment,.cross-comments .comments-list .comment{padding-left:calc(var(--reply-depth,0) * 14px)}.comment-badges{margin-top:4px;margin-left:0;display:flex}}.comment-reply-button,.cancel-comment-reply{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:2px;margin-top:8px;padding:2px 7px;font-size:11px}.comment-form{margin-top:30px;position:relative}.comment-form label{color:var(--muted);font-size:13px;display:block}.comment-form label>span{color:#ed5555}.comment-form input,.comment-form textarea{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);font:inherit;border-radius:3px;margin:7px 0 15px;padding:9px 12px;display:block}.comment-form textarea{resize:vertical;min-height:110px}.comment-form input:focus,.comment-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.comment-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.comment-form .comment-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.comment-submit{color:#fff;cursor:pointer;background:linear-gradient(90deg,#5198ff,#40d8f4);border:0;border-radius:20px;padding:8px 17px;box-shadow:0 2px 5px #0002}.comment-submit:disabled{opacity:.5;cursor:wait}.comment-status,.comment-reply-target{color:var(--muted);margin:12px 0;font-size:12px}.comment-reply-target button{margin:0 0 0 10px}@media (width<=767px){.comment-fields{grid-template-columns:1fr;gap:0}}.cross-comments{border-top:1px solid var(--line);padding:18px 15px}.cross-comments[hidden]{display:none}.cross-comments .comment{padding:12px 0}.cross-comments .comment-reply{padding-left:15px}.cross-comments .comment-fields{grid-template-columns:1fr}.cross-comments .comment-form{margin-top:18px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.cross-body{flex:1;min-width:0}.cross-body .cross-card{width:100%}.cross-comments{background:0 0;border:0;margin-top:20px;padding:0}.cross-comments>h2{margin:0 0 12px;font-size:13px}.cross-comments:has(.comments-list:empty)>h2,.cross-comments .comments-list:empty{display:none}.cross-comments .comment-form{background:var(--panel);border:1px solid var(--line);border-radius:4px;margin:0;overflow:hidden;box-shadow:0 2px 3px #00000006}.cross-comments .comment-form textarea{outline-offset:-2px;border:0;border-radius:0;min-height:74px;margin:0;padding:9px 12px;font-size:13px}.cross-comments .cross-form-footer{background:var(--page);border-top:1px solid var(--line);align-items:center;gap:6px;padding:5px 10px;display:flex}.cross-comments .comment-fields{flex:1;grid-template-columns:1fr 1fr;gap:6px;min-width:0;display:grid}.cross-comments .comment-fields input{border-radius:0;min-width:0;height:34px;margin:0;padding:6px 9px;font-size:12px}.cross-comments .cross-cancel{white-space:nowrap;background:#7266ba;margin:0;padding:2px 5px;font-size:10px}.cross-comments .comment-submit{box-shadow:none;white-space:nowrap;background:#46b8da;border-radius:2px;margin-left:auto;padding:4px 12px;font-size:12px}.cross-comments .comment-status{border-top:1px solid var(--line);margin:0;padding:6px 12px;font-size:11px}.cross-comments .comment-reply-target{border-bottom:1px solid var(--line);margin:0;padding:6px 12px}.comment-owner-status{color:var(--muted);font-size:12px}@media (width<=480px){.cross-comments .cross-form-footer{flex-wrap:wrap}.cross-comments .comment-fields{flex-basis:100%}.cross-comments .comment-submit{margin-left:auto}}.comment-options{justify-content:flex-end;margin:0 0 18px;display:flex}.comment-form .private-comment-toggle{cursor:pointer;align-items:center;gap:5px;font-size:13px;display:flex}.comment-form .private-comment-toggle>span{color:var(--muted)}.comment-form .private-comment-toggle input{opacity:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.private-comment-toggle i{background:#fff;border-radius:20px;width:28px;height:15px;display:block;position:relative;box-shadow:inset 0 0 2px #0003}.private-comment-toggle i:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .2s;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px #0003}.private-comment-toggle input:checked+i{background:var(--accent)}.private-comment-toggle input:checked+i:after{transform:translate(13px)}.private-comment-toggle input:focus-visible+i{outline:2px solid var(--accent);outline-offset:3px}.cross-comments .comment-options{margin:0;padding:5px 10px}.private-comment-content{color:var(--muted);background:repeating-linear-gradient(145deg,#f2f2f2,#f2f2f2 15px,#fff 0 30px);margin:10px 0;padding:10px 20px;font-size:13px}.comment-detail .private-comment-content p{margin:0}.comment-private-label{color:var(--accent);margin-left:6px;font-size:10px}html[data-theme=dark] .private-comment-content{background:repeating-linear-gradient(145deg,#191919,#191919 15px,#222 0 30px)}.cross-card footer .cross-comment-toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:0;display:inline-flex}.cross-comment-toggle[aria-expanded=true]{color:var(--accent)}.hideContent{color:var(--muted);background:repeating-linear-gradient(145deg,#f2f2f2,#f2f2f2 15px,#fff 0 30px);margin-bottom:20px;padding:10px 40px;font-size:13px;position:relative}html[data-theme=dark] .hideContent{background:repeating-linear-gradient(145deg,#191919,#191919 15px,#222 0 30px)}.cross-pagination a{box-sizing:border-box;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.cross-pagination [hidden]{display:none!important}.cross-pagination>.previous[hidden]+a{border-radius:4px 0 0 4px}.cross-pagination>a:has(+a[hidden]){border-radius:0 4px 4px 0}
