.comment-card{margin:5px;border:1px solid var(--form-control-border);border-radius:5px;padding:10px;position:relative;background-color:var(--comment-bg)}.comment-card .comment-header{display:-webkit-box;display:-ms-flexbox;display:flex}.comment-card .avatar{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;height:40px}.comment-card .avatar>img{width:36px;height:36px}.comment-card .profile-detail{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:8px}.comment-card .profile-line1{display:-webkit-box;display:-ms-flexbox;display:flex}.comment-card .profile-line2{font-size:.75rem}.comment-card .comment-actions{margin-left:auto}.comment-card .comment-action{color:var(--text-light);padding-top:2px;padding-bottom:2px;padding-left:6px;padding-right:6px;margin-left:4px;margin-right:2px}.comment-card .comment-action,.comment-card .comment-action.btn-secondary,.comment-card .comment-action.btn-secondary[disabled]:active,.comment-card .comment-action[disabled]:active{background-color:transparent;border:0}.comment-card .comment-action:focus{-webkit-box-shadow:none;box-shadow:none}.comment-card .comment-action:hover{color:var(--text-dark)}.comment-card .note{position:relative;font-size:.8rem;font-family:Arial;overflow:hidden}.comment-card .note p{margin-top:1rem;margin-bottom:0}.comment-card .note-max-height{max-height:80px}.comment-card .read-more{position:absolute;bottom:0;left:0;height:38px;width:100%;background:-webkit-gradient(linear,left bottom,left top,from(var(--comment-readmore-gradient-from)),color-stop(20%,var(--comment-readmore-gradient-from)),to(var(--comment-readmore-gradient-to)));background:linear-gradient(0deg,var(--comment-readmore-gradient-from) 0,var(--comment-readmore-gradient-from) 20%,var(--comment-readmore-gradient-to));text-align:center;vertical-align:bottom}.comment-card .read-more div{margin-top:10px;padding-top:3px;padding-bottom:3px;padding-left:12px;padding-right:12px;display:inline-block;cursor:pointer;border-radius:5px;color:var(--text-medium);background-color:var(--surface-bg)}.comment-card .read-more div:hover{text-decoration:underline}