.root{color:green;border:1px solid green;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:50%;margin:0 auto;padding:10px;display:flex}.comment-root{border:1px solid #00f;border-radius:5px;flex-direction:column;justify-content:right;gap:6px;width:100%;padding:10px;display:flex}.comment-text{color:#ff0;font-size:1.2rem}.comment-actions{justify-content:flex-end;gap:10px;margin:5px;display:flex}.comment-actions button{cursor:pointer;color:#000;background-color:gray;border:2px solid green;border-radius:5px;padding:2px}.comment-expand{display:flex}.comment-expand button{cursor:pointer;border-radius:5px}.comment-reply{gap:10px;margin:5px;display:flex}.comment-reply input{color:#fff;border:1px solid #fff;border-radius:5px;width:70%;padding:2px}.comment-reply button{cursor:pointer;color:#000;background-color:gray;border:2px solid green;border-radius:5px;padding:3px}