[data-v-3c77c18e] .notification-menu{background:#fff;width:min(390px,100vw - 1rem);overflow:hidden}.notification-header[data-v-3c77c18e]{border-bottom:1px solid var(--bs-border-color);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.125rem;display:flex}.notification-header h6[data-v-3c77c18e],.notification-header p[data-v-3c77c18e]{margin:0}.notification-header h6[data-v-3c77c18e]{color:var(--bs-body-color);font-size:.9375rem;font-weight:600}.notification-header p[data-v-3c77c18e]{color:var(--bs-secondary-color);margin-top:.1875rem;font-size:.75rem}.notification-mark-all[data-v-3c77c18e]{color:var(--bs-primary);background:0 0;border:0;flex:none;padding:0;font-size:.75rem;font-weight:500}.notification-mark-all[data-v-3c77c18e]:disabled{color:var(--bs-secondary-color);cursor:default}.notification-list[data-v-3c77c18e]{max-height:360px}.notification-card[data-v-3c77c18e]{border:0;border-bottom:1px solid var(--bs-border-color);width:100%;color:inherit;text-align:start;background:#fff;gap:.75rem;padding:.875rem 1.125rem;display:flex}.notification-card[data-v-3c77c18e]:focus-visible,.notification-card[data-v-3c77c18e]:hover{background:color-mix(in srgb,var(--notification-color) 8%,#fff)}.notification-card--unread[data-v-3c77c18e]{background:color-mix(in srgb,var(--notification-color) 6%,#fff)}.notification-card[data-v-3c77c18e]:not(.notification-card--unread){opacity:.82}.notification-icon[data-v-3c77c18e]{background:color-mix(in srgb,var(--notification-color) 14%,transparent);width:2.5rem;height:2.5rem;color:var(--notification-color);border-radius:50%;flex:none;place-items:center;font-size:1.1875rem;display:grid}.notification-content[data-v-3c77c18e]{flex:1;min-width:0}.notification-title-row[data-v-3c77c18e]{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.notification-title[data-v-3c77c18e]{color:var(--bs-body-color);font-size:.8125rem;font-weight:600}.notification-message[data-v-3c77c18e]{color:var(--bs-secondary-color);margin-top:.1875rem;font-size:.78125rem;line-height:1.45;display:block}.notification-time[data-v-3c77c18e]{color:var(--bs-secondary-color);align-items:center;gap:.3125rem;margin-top:.375rem;font-size:.71875rem;display:flex}.notification-time svg[data-v-3c77c18e]{font-size:.8125rem}.notification-unread-dot[data-v-3c77c18e]{background:var(--notification-color);border-radius:50%;flex:none;width:.4375rem;height:.4375rem;margin-top:.25rem}.notification-card--info[data-v-3c77c18e]{--notification-color:#35b8e0}.notification-card--success[data-v-3c77c18e]{--notification-color:#10c469}.notification-card--warning[data-v-3c77c18e]{--notification-color:#f9c851}.notification-card--error[data-v-3c77c18e]{--notification-color:#ff5b5b}.notification-empty[data-v-3c77c18e]{min-height:12rem;color:var(--bs-secondary-color);place-content:center;justify-items:center;gap:.5rem;display:grid}.notification-empty svg[data-v-3c77c18e]{font-size:1.5rem}.notification-empty p[data-v-3c77c18e]{margin:0;font-size:.8125rem}