#hdcomments_response{max-width:600px;padding:2rem;border:1px solid #bbb;margin:0 auto}#hdcomments_response>h4{margin-top:0}.hdcomments_cols{display:grid;grid-gap:2rem}.hdcomments_cols-1-1{grid-template-columns:1fr 1fr}.hdcomments_cols-1-f{grid-template-columns:1fr min-content}.hdcomments_field_item{margin-bottom:1em}.hdcomments_label{display:block;font-weight:700;margin:0;cursor:pointer}.hdcomments_input{width:100%;line-height:1;padding:1em;color:#222;border:1px solid #bbb}#hdcomments_submit{text-decoration:none;color:#fff!important;padding:.6em 1em;line-height:1;display:inline-block;background-color:#222;border-radius:5rem;transition:all ease-in-out 350ms;box-shadow:0 0 0 0 #222;border:1px solid #fff0;font-size:1em;cursor:pointer}#hdcomments_submit:hover{border:1px solid #fff7ed}#hdcomments_reactions{display:flex;align-items:center}.hdcomments_reaction_item{cursor:pointer;margin-right:1em;border:1px solid #fff0;line-height:1;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all ease-in-out 350ms;position:relative;top:0}.hdcomments_reaction_item:last-child{margin-right:0}.hdcomments_reaction_item:hover{border:1px solid #bbb;top:-4px}.hdcomments_reaction_item.active{border:1px solid #bbb}.hdcomments_error{border-color:darkred}#hdcomments_reaction_count{max-width:600px;padding:0 2rem;margin:0 auto}#hdcomments_reaction_count>h4{margin-bottom:0}#hdcomments_reaction_count>p{margin-top:.2em}#hdcomments_list{margin-top:2rem}.hdcomment_item{max-width:600px;border:1px solid #bbb;margin:0 auto 1rem auto}.hdcomment_item_content{padding:2rem}.hdcomment_item_author{background:#eee;font-size:.75em;text-align:right;border-top:1px solid #bbb;line-height:1;display:flex;justify-content:end}.hdcomment_item_author.hdcomments_post_admin,.hdcomment_item_author.hdcomments_post_post_author{background:#fff7ed}.hdcomment_item_author>span{padding:.6em .4em;border-right:1px solid #bbb}.hdcomment_item_author>span:last-child{margin-right:0;border-right:none}.hdcomment_item_content>*:first-child{margin-top:0}.hdcomment_item_content>*:last-child{margin-bottom:0}.hdcomment_replyto{cursor:pointer;border-bottom:1px dashed #555}.hdcomment_replyto_name{cursor:pointer;border-bottom:1px dashed #555}.hdcomment_replyto_name:hover{text-decoration:line-through}@media (max-width:920px){.hdcomments_cols{display:block}.hdcomment_item_content{padding:1rem}#hdcomments_reaction_count{padding:0 1rem}#hdcomments_response{padding:1rem}#hdcomments_reactions{margin-bottom:1em}}