5 .popover-notifications.popover {
11 font-family: $main-fonts;
14 box-shadow: 0 6px 14px rgba(0, 0, 0, 0.30);
19 justify-content: center;
26 transition: max-height 0.15s ease-out;
33 .notifications-header {
35 justify-content: space-between;
37 background-color: rgba(0, 0, 0, 0.10);
44 @include disable-default-a-behaviour;
46 color: rgba(20, 20, 20, 0.5);
49 color: rgba(20, 20, 20, 0.8);
57 justify-content: center;
58 font-weight: $font-semibold;
66 .notification-avatar {
71 .unread-notifications {
76 @include avatar(34px);
81 .unread-notifications {
88 justify-content: center;
90 background-color: var(--mainColor);
93 font-weight: $font-semibold;
101 @media screen and (max-width: $mobile-view) {
103 .popover-notifications.popover .popover-body {