5 .popover-notifications.popover {
11 font-family: $main-fonts;
15 box-shadow: 0 6px 14px rgba(0, 0, 0, 0.30);
18 .notifications-header {
20 justify-content: space-between;
22 background-color: rgba(0, 0, 0, 0.10);
29 @include disable-default-a-behaviour;
31 color: rgba(20, 20, 20, 0.5);
34 color: rgba(20, 20, 20, 0.8);
42 justify-content: center;
43 font-weight: $font-semibold;
44 color: var(--mainForegroundColor);
51 .notification-avatar {
56 .unread-notifications {
61 @include avatar(34px);
66 .unread-notifications {
73 justify-content: center;
75 background-color: var(--mainColor);
76 color: var(--mainBackgroundColor);
78 font-weight: $font-semibold;