5 .popover-notifications.popover {
11 font-family: $main-fonts;
14 box-shadow: 0 6px 14px rgba(0, 0, 0, 0.30);
16 .notifications-header {
18 justify-content: space-between;
20 background-color: rgba(0, 0, 0, 0.10);
27 @include disable-default-a-behaviour;
29 color: rgba(20, 20, 20, 0.5);
32 color: rgba(20, 20, 20, 0.8);
40 justify-content: center;
41 font-weight: $font-semibold;
42 color: var(--mainForegroundColor);
49 .notification-avatar {
54 .unread-notifications {
59 @include avatar(34px);
64 .unread-notifications {
71 justify-content: center;
73 background-color: var(--mainColor);
74 color: var(--mainBackgroundColor);
76 font-weight: $font-semibold;