.write-comment{overflow:hidden;margin-top:20px}.write-comment-image{width:50px;height:50px;float:left;background-color:#f2f2f2}.write-comment-image img{width:inherit;height:inherit;border-radius:100px}.write-comment-text{margin-left:70px}.write-comment-textarea{resize:none;border:1px solid #ccc;padding:10px;font-size:1.2rem;box-sizing:border-box;width:100%;outline:none}.write-comment-submit,.write-comment-cancel{display:none;transition:all .2s ease-in-out;cursor:pointer;outline:none;float:right;border:0;font-size:1.2rem;padding:10px 15px;font-weight:200;margin-left:5px}.write-comment-submit{background-color:#ffd401;color:#000}.write-comment-submit:hover{background-color:#fcda31}.write-comment-cancel{background-color:#b20000;color:#fff}.write-comment-cancel:hover{background-color:#d91d1d}.write-comment-submit[class~="active"],.write-comment-cancel[class~="active"]{display:block}.write-comment-form{overflow:hidden}.write-comment-textarea{white-space:normal;font-size:1rem;xfont-family:"Merriweather";padding:10px}.list-comments{}.list-comments li{xborder:1px solid #eee;xbox-shadow:1px 1px 1px #ddd;padding:20px;margin-top:20px;background-color:#f7f7f7}.list-comments-image{width:50px;height:50px;float:left}.list-comments-image img{width:inherit;height:inherit;border-radius:100px;width:50px;height:50px}.list-comments-image img.online{display:none}.list-comments-image .container-userpicture img.userpicture{background-color:#ccc}.list-comments-image .container-userpicture[class~="online"] img.userpicture{border:2px solid #61db07}.list-comments-text{margin-left:70px}.list-comments-username a{color:#000;font-weight:600}list-comments-username a:hover{color:red}.list-comments-username span{color:#8c8c8c;font-size:.8rem;margin-left:10px}