:root{--comments-spacing:2.5rem;--comments-avatar-size:1.5rem;--comments-avatar-margin:0.35rem;--comments-border-radius:0.3rem;--comments-z-modal:2;--comments-color-background:#222;--comments-color-background-nested:#222;--comments-color-background-paper:#373333;--comments-color-background-info:#6859d6;--comments-color-reaction:#3b3b3b;--comments-color-reaction-hover:#413f3f;--comments-color-reacted:rgba(67,56,202,.25);--comments-color-reacted-hover:rgba(67,56,202,.5);--comments-color-border:#ddd;--comments-color-text:#fff;--comments-color-text-dimmed:#a4a4a4;--comments-color-text-inverse:#fff;--comments-color-accent:#4338ca;--comments-color-accent-hover:rgba(67,56,202,.75);--comments-color-danger:#e11d48;--comments-color-danger-hover:rgba(225,29,72,.75);--comments-color-success:#0ac886;--comments-color-success-hover:rgba(10,200,134,.75);--comments-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}@media (min-width:768px){:root{--comments-avatar-size:2.5rem;--comments-avatar-margin:0.75rem}}.comments{color:var(--comments-color-text)}.comments-avatar{border-radius:var(--comments-avatar-size);height:var(--comments-avatar-size);margin-right:var(--comments-avatar-margin);width:var(--comments-avatar-size)}.comments-button.comments-button{align-items:center;background-color:#29c7ac;border-radius:9999px;color:#252525;display:inline-flex;float:right;height:2rem;justify-content:center;padding:.75rem}.comments-button:hover{background-color:#49dac1}.comments-button.is-small{font-size:.8rem;padding:.15rem .5rem}.comments-button.is-link{background-color:transparent;color:var(--comments-color-text-dimmed);text-decoration:underline}.comments-button.is-danger{background-color:var(--comments-color-danger)}.comments-button.is-danger:hover{background-color:var(--comments-color-danger-hover)}.comments-button.is-success{background-color:var(--comments-color-success)}.comments-button.is-success:hover{background-color:var(--comments-color-success-hover)}.comments-button svg{stroke:var(--comments-color-text-inverse)}.comments-comment{display:flex}.comments-nested .comments-comment{padding:0}.comments-comment-inner{flex-grow:1}.comments-comment-header{color:var(--comments-color-text);font-weight:500;margin-bottom:.25rem;position:relative}@media (min-width:768px){.comments-comment-header{align-items:baseline;display:flex}}.comments-comment-header-actions{color:var(--comments-color-text-dimmed);display:flex;flex-wrap:wrap;font-size:.8rem}@media (min-width:768px){.comments-comment-header-actions{margin-left:.5rem}}.comments-comment-header-actions li{display:flex;position:relative}.comments-comment-header-actions li:not(:last-child):after{content:"•";margin:0 .25rem}.comments-comment-header-actions li>a:hover,.comments-comment-header-actions li>button:hover{text-decoration:underline}.comments-comment-header-copied{bottom:100%;color:var(--comments-color-success);font-size:.65rem;left:0;position:absolute;white-space:nowrap}.comments-error{color:var(--comments-color-danger);font-size:.875rem;margin-top:.5rem}.comments-form{display:flex;position:relative}.comments-form-inner{flex-grow:1}.comments-form-inner button{margin-top:.5rem}.comments-form-editor-tip{color:var(--comments-color-text-dimmed);font-size:.8rem;padding:.25rem 0;text-align:right}.comments-form-editor-tip a{text-decoration:underline}.comments-newest-first>.comments-form{margin-bottom:var(--comments-spacing)}.comments-group{margin-bottom:1rem;padding-bottom:1rem;position:relative}.comments-group:target{animation:highlight 1.5s ease-in-out;border:1px solid var(--comments-color-accent);border-radius:var(--comments-border-radius);margin-left:calc(var(--comments-spacing)*-.5);margin-right:calc(var(--comments-spacing)*-.5);margin-top:calc(var(--comments-spacing)*-1);padding-left:calc(var(--comments-spacing)*.5);padding-right:calc(var(--comments-spacing)*.5);padding-top:var(--comments-spacing)}@keyframes highlight{0%{transform:scale(1)}5%{transform:scale(1)}15%{transform:scaleX(1.015)}50%{transform:scale(1)}to{transform:scale(1)}}.comments-group:after{border-bottom:1px solid var(--comments-color-border);bottom:0;content:"";left:0;position:absolute;right:0}.comments-group.comments-group-with-avatars:after{left:calc(var(--comments-avatar-size) + var(--comments-avatar-margin))}.comments-group .comments-group{margin-bottom:0;margin-top:10px;padding-bottom:0}.comments-group .comments-group:after{content:none}.comments-header{display:flex;justify-content:space-between;margin-bottom:var(--comments-spacing)}.comments-header strong{font-size:1.125rem;font-weight:500}.comments-icon{stroke:var(--comments-color-text);height:1.25rem;width:1.25rem}.comments-approval{align-items:center;background-color:var( --comments-color-background-info);border-radius:var(--comments-border-radius);display:flex;font-size:.8rem;gap:2rem;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.comments-approval-buttons{align-items:center;display:flex;gap:.25rem}.comments-modal{background-color:var( --comments-color-background);border-radius:var(--comments-border-radius);box-shadow:var( --comments-shadow);color:var(--comments-color-text);font-size:1rem;padding:1rem;position:absolute;right:0;top:0;z-index:var(--comments-z-modal)}.comments-modal.is-left{left:0;right:auto}.comments-modal.is-bottom{top:100%}.comments-modal.is-compact{padding:.5rem}.comments-modal-title{font-weight:500;white-space:nowrap}.comments-modal-contents{font-weight:400;line-height:1.25}.comments-modal-contents p{margin-bottom:.5rem;min-width:8rem}@media (min-width:768px){.comments-modal-contents p{min-width:12rem}}.comments-modal-contents .comments-button{float:right}.comments-nested{margin-top:10px;padding-left:50px}.comments-no-comment-yet{color:var(--comments-color-text-dimmed);margin:1rem 0 2rem;text-align:center}.comments-placeholder,.comments-textarea{border:1px solid var(--comments-color-border);border-radius:4px;height:var(--comments-avatar-size);padding:4px;width:100%}.comments-placeholder:focus{outline:none}.comments-reactions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;position:relative}.comments-reaction{align-items:center;background-color:var(--comments-color-reaction);border-radius:var(--comments-border-radius);cursor:pointer;display:flex;font-size:.8rem;height:1.5rem;padding:0 .5rem;transition:background .15s;white-space:nowrap}.comments-reaction:hover{background-color:var(--comments-color-reaction-hover)}.comments-reaction.is-reacted{background-color:var(--comments-color-reacted);border:1px solid var(--comments-color-accent)}.comments-reaction.is-reacted:hover{background-color:var(--comments-color-reacted-hover)}.comments-reaction-picker{position:relative}.comments-reaction-picker-trigger.comments-reaction-picker-trigger{align-items:center;background-color:var(--comments-color-reaction);border-radius:var(--comments-border-radius);cursor:pointer;display:flex;height:1.5rem;padding:0 .5rem;transition:background .15s}.comments-reaction-picker-trigger:hover{background-color:var(--comments-color-reaction-hover)}.comments-reaction-picker-reactions{display:grid;gap:.25rem}@media (min-width:480px){.comments-reaction-picker-reactions{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.comments-reaction-picker-reactions{grid-template-columns:repeat(5,1fr)}}.comments-reaction-picker-reaction{border-radius:var(--comments-border-radius);cursor:pointer;height:1.75rem;padding:0 .25rem;transition:background .15s}.comments-reaction-picker-reaction:hover{background-color:var(--comments-color-reaction)}.comments-reaction-picker-reaction.is-reacted{background-color:var(--comments-color-reacted)}.comments-reaction-picker-reaction.is-reacted:hover{background-color:var(--comments-color-reacted-hover)}.comments-reply{margin-top:10px}.comments-subscription{font-size:.8rem;margin-left:auto;position:relative}.comments-subscription-trigger{align-items:center;background-color:var(--comments-color-reaction);border-radius:var(--comments-border-radius);display:inline-flex;font-weight:600;gap:.25rem;padding:.25rem .5rem;transition:background .15s}.comments-subscription-trigger:hover{background-color:var(--comments-color-reaction-hover)}.comments-subscription-item{align-items:center;border-radius:var(--comments-border-radius);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-align:left;transition:background .15s;white-space:nowrap;width:100%}.comments-subscription-item:hover{background-color:var(--comments-color-reaction)}.comment-text{max-width:20rem}.comment-text>*,.comments-comment-inner{max-width:100%}.comment-text code{background-color:var(--comments-color-background-paper);border-radius:.3rem;padding:.2rem .5rem}.comment-text .shiki{font-size:.85rem}.comment-text .shiki code{background-color:transparent;padding:0}.comment-text .shiki{background-color:var(--comments-color-background-paper)!important;border-radius:.2rem;margin:.5rem 0;overflow:hidden;overflow-x:scroll;padding:.5rem}.comment-text a{color:var(--comments-color-accent);text-decoration:underline}.comment-text blockquote>:not(:first-child),.comment-text ol>:not(:first-child):not(li),.comment-text ul>:not(:first-child):not(li),.comment-text>:not(:first-child){margin-top:.5rem}.comment-text h1{font-size:2rem;font-weight:700}.comment-text h2{font-size:1.7rem;font-weight:700}.comment-text h3{font-size:1.5rem;font-weight:700}.comment-text h4{font-size:1.3rem;font-weight:700}.comment-text h5{font-size:1.1rem;font-weight:700}.comment-text h6{font-size:1rem;font-weight:700}.comment-text blockquote{background-color:var(--comments-color-background-paper);border-left:3px solid var(--comments-color-border);padding:1rem}.comment-text ol,.comment-text ul{padding-left:1rem}.comment-text ul li{list-style:circle}.comment-text ol li{list-style:decimal}.comments-textarea{min-height:10rem}.comments .CodeMirror{border-color:var(--comments-color-border)}.CodeMirror,.comments .CodeMirror-scroll{min-height:10rem!important}.comments .editor-toolbar{border-color:var(--comments-color-border);padding:.35rem}.comments .editor-toolbar .separator{border-left-color:var(--comments-color-border)}.comments .editor-toolbar button{border:none;color:#fff;transition:background .15s}.comments .editor-toolbar button:hover{background-color:var(--comments-color-reaction)}.comments .editor-toolbar button.active{background-color:var(--comments-color-reaction-hover)}
