5 .popover-notifications.popover {
11 font-family: $main-fonts;
15 box-shadow: 0 6px 14px rgba(0, 0, 0, 0.30);
17 .notifications-header {
19 justify-content: space-between;
21 background-color: rgba(0, 0, 0, 0.10);
28 @include disable-default-a-behaviour;
30 color: rgba(20, 20, 20, 0.5);
33 color: rgba(20, 20, 20, 0.8);
41 justify-content: center;
42 font-weight: $font-semibold;
43 color: var(--mainForegroundColor);
50 .notification-avatar {
55 .unread-notifications {
60 @include avatar(34px);
65 .unread-notifications {
72 justify-content: center;
74 background-color: var(--mainColor);
75 color: var(--mainBackgroundColor);
77 font-weight: $font-semibold;