.comment-wrapper[data-v-6aed74d0]{align-items:flex-end;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:.5rem;padding:.125rem;position:relative;transition:all .25s ease-out;width:100%}.comment-wrapper[data-v-6aed74d0]:focus-within{background:var(--gray-50,#f9fafb);border-radius:.375rem;box-shadow:0 1px 2px #0000000d,0 0 0 1px #6366f1}.comment-wrapper .mention-popup[data-v-6aed74d0]{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 6px 20px #0000000d;max-height:15rem;overflow:hidden;padding:.75rem;position:absolute;width:14.625rem;z-index:9999}.comment-wrapper .mention-popup .heading[data-v-6aed74d0]{color:#111827;font-family:Nunito;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.comment-wrapper .mention-popup .suggestions[data-v-6aed74d0]{display:flex;flex-direction:column;gap:.25rem;max-height:12rem;overflow-y:auto}.comment-wrapper .mention-popup .suggestions .mention-item[data-v-6aed74d0]{border-radius:.25rem;color:#111827;cursor:pointer;font-family:Nunito;font-size:.875rem;padding:.25rem .75rem}.comment-wrapper .mention-popup .suggestions .mention-item[data-v-6aed74d0]:hover{background:#f9fafb}.comment-wrapper .mention-popup .suggestions .mention-item.selected[data-v-6aed74d0]{background:#3246d2;color:#fff}.comment-wrapper .input-container[data-v-6aed74d0]{align-items:center;display:flex;flex-grow:1;position:relative;width:100%}.comment-wrapper .input-container .highlight-layer[data-v-6aed74d0]{color:transparent;color:#111827;font-family:Nunito;font-size:.875rem;left:0;line-height:1.25rem;overflow-y:auto;padding:.5rem;pointer-events:none;position:absolute;top:0;transition:height .1s ease;white-space:pre-wrap;width:100%;z-index:0;word-wrap:break-word}.comment-wrapper .input-container .highlight-layer[data-v-6aed74d0] .mention{color:#2563eb;font-weight:600}.comment-wrapper .input-container .comment-input[data-v-6aed74d0]{background:transparent;border:none;border-radius:4px;box-sizing:border-box;caret-color:#3246d2;color:transparent;display:inline-block;font-family:Nunito;font-size:.875rem;height:2.25rem;line-height:1.25rem;max-height:4rem;min-height:2.25rem;outline:none;overflow-y:auto;padding:.5rem;position:relative;resize:none;width:100%;z-index:1}.comment-wrapper .input-container .comment-input[data-v-6aed74d0]::-moz-placeholder{color:#9ca3af}.comment-wrapper .input-container .comment-input[data-v-6aed74d0]::placeholder{color:#9ca3af}.comment-wrapper .add-comment-btn[data-v-6aed74d0]{align-items:center;background:#e5e7eb;border-radius:.375rem;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .3s ease}.comment-wrapper .add-comment-btn[data-v-6aed74d0]:hover{background:#3246d2}.comment-wrapper .add-comment-btn:hover svg path[data-v-6aed74d0]{fill:#fff}