.leave-comment-overlay{z-index:1200;background:#0f172a94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.leave-comment-modal{background:#fff;border-radius:24px;width:min(700px,100%);padding:32px;box-shadow:0 24px 60px #0f172a33}.leave-comment-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.leave-comment-header h2{color:#0f172a;margin:0;font-size:22px}.leave-comment-header button{color:#475569;cursor:pointer;background:0 0;border:0;padding:4px;display:inline-flex}.leave-comment-modal label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.leave-comment-modal textarea{resize:vertical;color:#0f172a;width:100%;min-height:154px;font:inherit;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:14px;font-size:14px}.leave-comment-modal textarea:focus{background:#fff;border-color:#0284c7;outline:2px solid #bae6fd}.leave-comment-error{color:#b91c1c;margin:8px 0 0;font-size:12px}.leave-comment-actions{justify-content:flex-end;margin-top:22px;display:flex}.leave-comment-submit{color:#fff;cursor:pointer;background:#2b9edc;border:0;border-radius:99px;min-height:42px;padding:0 20px;font-size:13px;font-weight:700}@media (max-width:600px){.leave-comment-modal{border-radius:18px;padding:24px 18px}.leave-comment-header{margin-bottom:20px}}