.popup-dropback--2{position:fixed;width:100%;height:100vh;left:0;top:0;z-index:2}.notificationIcon{cursor:pointer;z-index:10;position:relative;transition:all .1s linear}.notificationIcon:hover{opacity:.5}.notificationIcon .notificationsBadge{position:absolute;top:-8px;right:-3px;background-color:hsl(var(--secondary));font-size:.8em;width:1.5em;height:1.5em;display:flex;justify-content:center;align-items:center;border-radius:9999px;box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.notificationsContainer{position:relative;opacity:0;visibility:hidden;z-index:99999;transition:all .1s linear;font-size:1em}.notificationsContainer .notificationsMenu{z-index:9999999;width:500px;height:350px;top:4em;right:1em;position:fixed;border-radius:8px;box-shadow:0 0 8px 2px rgba(0,0,0,.2);overflow-y:auto;overflow-x:visible;background-color:hsl(var(--secondary))}.notificationsContainer .notificationsMenu .notificationsStickyHeader{position:sticky;top:0;padding:1em 1em 0;box-shadow:0 1px 4px 1px rgba(0,0,0,.03);background-color:hsl(var(--secondary))}.notificationsContainer .notificationsMenu .notificationHeader{display:flex;padding-bottom:1em;align-items:center;justify-content:space-between;border-bottom:1px solid hsl(var(--secondary))}.notificationsContainer .notificationsMenu .notificationHeader .menuTitle{font-size:1.3em}.notificationsContainer .notificationsMenu .notificationsShadow{position:sticky;top:200px;width:297px;box-shadow:0 .5px .5px 1.5px rgba(0,0,0,.75)}.notificationsContainer .notificationsMenu .notificationsReadOption{font-size:.9em;display:flex;align-items:center;gap:.5em}.notificationsContainer .notificationsMenu .notificationsTxtButton{cursor:pointer;box-shadow:0 .8px 0 0 #9ca3a9;width:-moz-fit-content;width:fit-content;transition:all .1s linear;margin:1em 1em 1em 0}.notificationsContainer .notificationsMenu .notificationsTxtButton:hover{box-shadow:none;color:hsl(var(--secondary))}.notifications{display:flex;flex-direction:column;justify-content:center}.notifications .notificationCon{box-shadow:0 1px 0 0 rgba(0,0,0,.1);cursor:pointer;transition:all .1s linear;padding:.1em}.notifications .notificationCon:hover{opacity:.7}.notifications .notificationCon .notification{padding:1em calc(1em - 2px);font-size:1em;display:flex;align-items:center;justify-content:space-between;border-left:4px solid transparent}.notifications .notificationCon .notification span{display:flex;flex-direction:column;justify-content:space-between}.notifications .notificationCon .notification .mark-as-read{padding:.4em;border-radius:9999px;background-color:var(--gray-200)}.notifications .notificationCon .notification .mark-as-read .marked-as-read{padding:.3em;border-radius:9999px;background-color:hsl(var(--secondary))}.notifications .notificationCon .notification .mark-as-read .marked-as-unread{padding:.3em;border-radius:9999px;background-color:var(--gray-200)}.notifications .notificationCon .unread{border-color:hsl(var(--secondaryd))!important}.notificationsVisible{opacity:1;visibility:visible}.notificationsInvisible{opacity:0;visibility:hidden}