.loader{margin-top:var(--space-6);width:18px;height:18px;border:2px solid var(--text-body-heavy);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation .3s linear infinite}@media(prefers-reduced-motion:reduce){.loader{animation-duration:1s}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comments-container{max-width:var(--layout-page-width);padding:var(--space-8) var(--space-12) var(--space-32) var(--space-12);background-color:var(--bg-color);box-shadow:var(--shadow-overlay);box-sizing:border-box;height:100%;overflow-y:scroll}@container (max-width: 480px){.comments-container{padding:var(--space-8) var(--space-9) 50vh var(--space-9)}}.comments-container .heading{display:flex;flex-direction:row;gap:var(--space-6);align-items:center;height:36px}.comments-container .comments-heading-button{font-weight:var(--font-weight-medium);margin:0;color:var(--text-body-heavy);background:transparent;border:0;padding:0;cursor:pointer;font-size:var(--font-size-lg)}.comments-container .comments-error{color:var(--error-medium)}.comments-container .comments{display:flex;flex-direction:column;gap:var(--space-12);border-radius:var(--radius-xl);padding-inline-start:0;padding-inline-end:0;margin:var(--space-16) 0}.comments-container .comments .comment-children{padding-inline-start:0;padding-inline-end:0;margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-8)}.comments-container .comments .comment{list-style:none;padding-left:18px;padding-top:0;margin-top:0;border-left:1px solid var(--border-light)}.comments-container .comments .comment .comment-header{display:flex;gap:var(--space-6);align-items:baseline}.comments-container .comments .comment .comment-header .comment-author{display:flex;flex-direction:row;gap:var(--space-4);margin-left:-8px;align-items:center;font-weight:var(--font-weight-medium);font-size:15px}.comments-container .comments .comment .comment-header .comment-avatar{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3);border-radius:var(--radius-round);background-color:var(--bg-additive-light);color:var(--text-body-heavy);line-height:0}.comments-container .comments .comment .comment-header .comment-author-badge{color:var(--info-heavy);background-color:var(--info-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);border:1px solid var(--info-medium);margin:0;font-size:.8em;line-height:var(--line-height-tight)}.comments-container .comments .comment .comment-header .comment-date{font-size:.8rem;color:var(--text-body-medium)}.comments-container .comments .comment .comment-header .comment-upvote{font-size:.8rem}.comments-container .comments .comment .comment-content{--font-size: var(--font-size-base);color:var(--text-body-heavy);font-size:var(--font-size);line-height:145%}.comments-container .comments .comment .comment-content strong{font-weight:var(--font-weight-medium)}.comments-container .comments .comment .comment-content a{color:var(--text-body-heavy);text-decoration:underline}.comments-container .comments .comment .comment-content a:visited{color:var(--text-body-medium)}.comments-container .comments .comment .comment-content pre{background-color:var(--bg-additive-light);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md)}.comments-container .comments .comment .comment-content code{font-size:var(--font-size);background-color:transparent;padding:0}.comments-container .comments .comment .comment-content :not(pre)>code{background-color:var(--bg-additive-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs)}.comments-container .comments .comment .comment-content hr{border:none;border-top:solid 1px var(--border-light)}.comments-container .comments .comment .comment-content pre,.comments-container .comments .comment .comment-content code{max-width:100%;overflow-x:auto}.comments-container .comments .comment .comment-content p{margin:12px 0}.comments-container .comments .comment .comment-content h1,.comments-container .comments .comment .comment-content h2,.comments-container .comments .comment .comment-content h3,.comments-container .comments .comment .comment-content h4,.comments-container .comments .comment .comment-content h5,.comments-container .comments .comment .comment-content h6{font-size:var(--font-size);font-weight:var(--font-weight-medium);color:var(--text-body-medium);margin:12px 0}.comments-container .comments .comment .comment-content ul li{list-style-type:disc}.comments-container .comments .comment .comment-content blockquote{color:var(--text-body-medium);font-style:italic;margin-inline-start:20px;margin-inline-end:20px}.comments-container .comments .comment .comment-content table{font-size:var(--font-size);border-collapse:collapse;border-spacing:0}.comments-container .comments .comment .comment-content table tbody{color:var(--text-body-medium)}.comments-container .comments .comment .comment-content table td{white-space:break-spaces;overflow-wrap:break-word;padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-medium);font-weight:var(--font-weight-normal)}.comments-container .comments .comment .comment-content table th{padding:var(--space-2) var(--space-4);font-weight:var(--font-weight-normal);color:var(--text-body-heavy)}.comments-container .comments .comment .comment-action-row{display:flex;margin-left:-8px}.comments-container .comments .comment .comment-action-row button{font-size:var(--font-size-md);padding:var(--space-2) var(--space-4);color:var(--text-body-light);background-color:transparent;line-height:1em;border:none;cursor:pointer;margin:0}.comments-container .comments .comment .comment-action-row button:hover{color:var(--text-body-heavy)}
