.notification-page[data-v-1c7f47de]{width:100%;max-width:1180px;margin:0 auto;padding:28px;-webkit-box-sizing:border-box;box-sizing:border-box}.notification-page-heading[data-v-1c7f47de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;margin-bottom:22px}.notification-page-heading h1[data-v-1c7f47de]{margin:0;color:#202735;font-size:24px;font-weight:650}.notification-page-heading p[data-v-1c7f47de]{margin:7px 0 0;color:#8a94a6;font-size:13px}.notification-page-actions[data-v-1c7f47de]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.notification-overview[data-v-1c7f47de]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e6eaf0;border-bottom:1px solid #e6eaf0;background:#fff}.overview-item[data-v-1c7f47de]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:84px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 24px;border-right:1px solid #e6eaf0}.overview-item[data-v-1c7f47de]:last-child{border-right:0}.overview-label[data-v-1c7f47de]{color:#697386;font-size:13px}.overview-item strong[data-v-1c7f47de]{color:#273142;font-size:24px;font-weight:650}.overview-item.is-unread strong[data-v-1c7f47de]{color:#df3850}.notification-toolbar[data-v-1c7f47de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;padding:18px 0}.notification-search[data-v-1c7f47de]{width:320px}.notification-records[data-v-1c7f47de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.notification-record[data-v-1c7f47de]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:108px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:14px;padding:18px 20px;border:1px solid #e3e8ef;border-radius:6px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}.notification-record[data-v-1c7f47de]:hover{border-color:#c9d4e3;-webkit-box-shadow:0 3px 12px rgba(39,49,66,.07);box-shadow:0 3px 12px rgba(39,49,66,.07)}.notification-record.is-unread[data-v-1c7f47de]{border-left:3px solid #df3850}.record-dot[data-v-1c7f47de]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8px;height:8px;margin-top:7px;border-radius:50%;background:#df3850}.record-dot.is-read[data-v-1c7f47de]{background:#c5ccd7}.record-main[data-v-1c7f47de]{min-width:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.record-title-row[data-v-1c7f47de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:9px}.record-title-row h2[data-v-1c7f47de]{margin:0;color:#2d3543;font-size:15px;font-weight:600}.record-main p[data-v-1c7f47de]{margin:8px 0;overflow-wrap:anywhere;color:#596579;font-size:13px;line-height:1.55}.record-meta[data-v-1c7f47de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px;color:#929baa;font-size:12px}.record-meta i[data-v-1c7f47de]{margin-right:5px}.record-action[data-v-1c7f47de]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-top:28px}.notification-page-empty[data-v-1c7f47de]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:280px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;border-top:1px solid #e6eaf0;border-bottom:1px solid #e6eaf0;color:#9aa3b2;font-size:13px}.notification-page-empty i[data-v-1c7f47de]{color:#c8ced8;font-size:36px}.notification-pagination[data-v-1c7f47de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:18px;color:#7e8796;font-size:12px}@media (max-width:720px){.notification-page[data-v-1c7f47de]{padding:18px 14px}.notification-page-heading[data-v-1c7f47de],.notification-pagination[data-v-1c7f47de],.notification-toolbar[data-v-1c7f47de]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.notification-page-actions[data-v-1c7f47de],.notification-search[data-v-1c7f47de]{width:100%}.notification-overview[data-v-1c7f47de]{grid-template-columns:1fr}.overview-item[data-v-1c7f47de]{min-height:62px;border-right:0;border-bottom:1px solid #e6eaf0}.overview-item[data-v-1c7f47de]:last-child{border-bottom:0}.notification-record[data-v-1c7f47de]{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:15px}.record-action[data-v-1c7f47de]{width:100%;margin:0;text-align:right}}