.collaboration{padding:22px;margin-top:16px}.collab-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.collab-head h3{margin:0 0 5px}.attach-button{display:inline-flex;padding:9px 12px;border:1px solid #303632;border-radius:9px;color:#c8ceca;cursor:pointer}.comment-list{margin:18px 0}.comment{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:15px 0;border-top:1px solid #252a27}.comment.reply{margin-left:44px}.comment-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#263029;color:#91ff38;font-weight:700}.comment header{display:flex;gap:9px;align-items:center}.comment time{color:#69716b;font-size:10px}.comment p{margin:7px 0;line-height:1.55;color:#c2c8c4;white-space:pre-wrap}.comment button{border:0;background:transparent;color:#7e877f;padding:0;cursor:pointer;font-size:11px}.comment mark{background:#23351d;color:#b6ff7d;border-radius:4px;padding:1px 3px}.comment-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.comment-form button{height:43px}.attachment-list{margin-top:22px;border-top:1px solid #252a27;padding-top:17px}.attachment-list h4{margin:0 0 10px}.attachment-list a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;color:#c8ceca;text-decoration:none}.attachment-list small{color:#707872}@media(max-width:560px){.comment-form{grid-template-columns:1fr}.comment.reply{margin-left:20px}.collab-head{align-items:flex-start}}