.notifications{}.notifications .notification-trigger{position:absolute;right:20px;top:18px;transform:translateY(-50%);opacity:0.8}.notifications .notification-trigger i{cursor:pointer;padding:4px;border-radius:var(--primary-border-radius);height:15px;width:15px}.notifications .notification-trigger .icon-with-badge{position:relative;display:inline-block}.notifications .notification-trigger .badge{position:absolute;top:-8px;right:-8px;background:var(--color3);color:white;border-radius:50%;font-size:11px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:2px;font-weight:bold;line-height:1}.notifications .notification-trigger i:hover{font-weight:bold!important;color:var(--primary_text_color)}.notifications .notification-panel{position:absolute;left:105%;transform:translateY(-100%);background-color:var(--secondary_background);border-radius:var(--primary-border-radius);border:1px solid var(--primary-border);border-bottom-width:2px}.notifications .notification-panel .notification-item{margin:10px 0px;padding:3px;border-radius:var(--primary-border-radius);color:var(--secondary-text);width:100%}.notifications .notification-panel .notification-item .notification-content{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:2.5px}.notifications .notification-panel .notification-item .action-object,.notifications .notification-panel .notification-item .target{color:var(--text-dark);font-weight:500}.notifications .notification-panel .notification-item .time{font-style:italic;margin-left:auto;padding-left:10px}.notifications .notification-panel .notification-item:hover{background-color:var(--tertiary_background)}.notifications .notification-panel .notification-item.read{opacity:0.8}.notifications .notification-panel .notification-item.read:hover{opacity:1}.notifications .notification-panel .notification-item.unread{opacity:1}