.note-card[data-v-0cfc1c6e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;padding:10px 14px;margin:10px 0;background:#fff;border-radius:5px;cursor:pointer;width:100%}.note-card .left-column[data-v-0cfc1c6e]{-webkit-box-flex:0;-ms-flex:0 0 64px;flex:0 0 64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-right:12px}.note-card .left-column .profile-block[data-v-0cfc1c6e]{width:60px;height:60px;border-radius:4px}.note-card .left-column .profile[data-v-0cfc1c6e]{-webkit-box-flex:1;-ms-flex:1 1 10%;flex:1 2 65%;position:relative;overflow:hidden;border-radius:90%;margin-right:0}.note-card .left-column .profile .profile-img[data-v-0cfc1c6e]{width:60px;height:60px;-o-object-fit:cover;object-fit:cover}.note-card .right-column[data-v-0cfc1c6e]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.note-card .note-header[data-v-0cfc1c6e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4px}.note-card .note-header .author-name[data-v-0cfc1c6e]{font-weight:600;font-size:14px;margin:0;color:var(--styleGuide4)!important}.note-card .note-header .header-datetime[data-v-0cfc1c6e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;color:var(--styleGuide5)}.note-card .note-header .header-datetime .date-text[data-v-0cfc1c6e]{margin:0}.note-card .note-header .header-datetime .time-text[data-v-0cfc1c6e]{margin:0 0 0 4px}.note-card .note-header .header-datetime .separator[data-v-0cfc1c6e]{margin:0 4px}.note-card .note-body[data-v-0cfc1c6e]{margin-bottom:6px}.note-card .note-body .content[data-v-0cfc1c6e]{word-break:break-word;font-size:13px;margin:0 0 4px 0}.note-card .note-body .content .content-more[data-v-0cfc1c6e]{color:var(--styleGuide4)}.note-card .note-body .mentioned[data-v-0cfc1c6e]{font-size:12px;margin:0}.note-card .note-body .mentioned .mentioned-label[data-v-0cfc1c6e]{font-weight:600;margin-right:4px}.note-card .note-body .mentioned .mentioned-names[data-v-0cfc1c6e]{color:var(--styleGuide1)}.note-card .note-footer[data-v-0cfc1c6e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.note-card .note-footer .footer-column[data-v-0cfc1c6e]{min-width:120px}.note-card .note-footer .footer-column .footer-label[data-v-0cfc1c6e]{font-size:12px;font-weight:400;margin:0 0 2px 0;color:var(--styleGuide4)!important}.note-card .note-footer .footer-column .footer-value[data-v-0cfc1c6e]{font-size:12px;padding:2px 8px;background:var(--styleGuide7);border-radius:2px;display:inline-block}.note-card .content[data-v-0cfc1c6e]{word-break:break-word;font-size:13px;margin:0}.note-card .content .content-more[data-v-0cfc1c6e]{color:var(--styleGuide4)}