.di-notif-badge{display:inline-block;background:var(--color-primary-alt);color:var(--color-white);font-size:11px;font-weight:700;line-height:1;padding:2px 6px;border-radius:var(--border-radius-full);margin-left:4px;vertical-align:middle}.di-notifications-delete-all{margin-bottom:var(--spacing-4);text-align:right}.di-notifications-list{list-style:none;margin:0;padding:0}.di-notification{position:relative;padding:var(--spacing-3) var(--spacing-8) var(--spacing-3) var(--spacing-3);border-bottom:1px solid var(--color-gray-light)}.di-notification:last-child{border-bottom:none}.di-notification a{display:block;color:inherit;text-decoration:none}.di-notification__delete{position:absolute;top:var(--spacing-2);right:var(--spacing-2);margin:0}.di-notification__delete-btn{display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border:none;background:none;color:var(--color-text-light);font-size:var(--font-size-lg);line-height:1;cursor:pointer}@media (hover:hover) and (pointer:fine){.di-notification__delete-btn:hover{color:var(--color-primary-alt)}}.di-notification.is-unread{background:var(--color-secondary-4)}.di-notification__title{font-weight:var(--font-weight-bold);margin-bottom:4px}.di-notification__message{margin-bottom:4px}.di-notification__date{font-size:var(--font-size-xs);color:var(--color-text-light)}.di-notification-prefs{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-light)}.di-notification-prefs__title{font-family:var(--font-primary);color:var(--color-primary);margin-bottom:var(--spacing-4)}.di-notification-prefs__group{border:none;padding:0;margin:0 0 var(--spacing-6)}.di-notification-prefs__group-title{font-family:var(--font-primary);font-weight:var(--font-weight-bold);color:var(--color-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.03em;padding:0;margin-bottom:var(--spacing-3)}.di-notification-prefs__row{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);cursor:pointer}.di-notification-prefs__row input[type="checkbox"]{width:auto;margin:0}.di-notification-prefs__submit{width:auto;margin-top:var(--spacing-2)}