.comments-panel{margin-top:22px;background:#0d1624;border:1px solid #1c2a3d;border-radius:20px;padding:25px}.comments-panel h2{margin:0 0 20px;color:#1de1cf;font-size:21px}.comment-form{display:grid;grid-template-columns:180px 1fr auto;gap:9px;align-items:end;padding-bottom:20px;border-bottom:1px solid #3b4657}.comment-form label{color:#8d99aa;font-size:12px}.comment-form input,.comment-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #374459;background:#121d2d;color:white;border-radius:9px;padding:11px;outline:0}.comment-form textarea{resize:vertical;min-height:43px;max-height:130px}.comment-form input:focus,.comment-form textarea:focus{border-color:#18c9bb}.comment-send{border:0;border-radius:9px;background:#09bcae;color:white;font-weight:850;padding:12px 17px;cursor:pointer}.comment-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 2px 10px;color:#788394;font-size:13px;font-weight:800;letter-spacing:.05em}.comment-toolbar select{background:#162235;color:#c8d0dc;border:1px solid #344257;border-radius:8px;padding:7px 10px}.comment-item{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:15px 2px;border-top:1px solid #1e2c40}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#15cfbd,#1676d2);font-weight:900}.comment-head{display:flex;gap:10px;align-items:center}.comment-head strong{font-size:14px}.comment-head time{font-size:12px;color:#758195}.comment-item p{margin:6px 0;color:#d3d8e0;line-height:1.55}.empty-comments{text-align:center;color:#738094;padding:26px 10px}@media(max-width:700px){.comments-panel{padding:16px}.comment-form{grid-template-columns:1fr}.comment-send{width:100%}}