.NotificationBar_notificationBar__ATIvg{display:none}@media (min-width:768px){.NotificationBar_notificationBar__ATIvg{display:flex;position:fixed;top:0;right:0;width:64px;height:100vh;flex-direction:column;align-items:center;background-color:rgba(0,9,8,1);border-left:1px solid #e5e7eb;z-index:100000;cursor:pointer;transition:all .3s ease-in-out}}.NotificationBar_hoverBackground__XZD1C{position:absolute;top:0;right:64px;height:100%;width:0;min-width:0;max-width:300px;background:rgba(0,9,8,.8);transition:width .25s ease-in-out;overflow:hidden;z-index:999999;pointer-events:none}.NotificationBar_hovered__jnBCm .NotificationBar_hoverBackground__XZD1C{width:300px;pointer-events:auto;padding:16px 12px;box-sizing:border-box;border-left:1px solid rgba(229,231,235,.5)}.NotificationBar_notificationList__slzH5{max-height:80vh;overflow-y:auto;background:transparent;color:white;z-index:999999;position:relative;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.NotificationBar_notificationList__slzH5::-webkit-scrollbar{display:none}.NotificationBar_notificationList__slzH5 ul{list-style:none;padding:0;margin:0}.NotificationBar_notificationList__slzH5 li{padding:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer}.NotificationBar_notificationList__slzH5 li:hover{background-color:rgba(255,255,255,.1)}.NotificationBar_message__6_CsG{font-size:.9rem}.NotificationBar_timestamp__UzOGC{font-size:.75rem;color:#bbb}.NotificationBar_notificationIcon__prplN{height:80px;display:flex;align-items:center;justify-content:center;padding:8px;position:relative;z-index:2}.NotificationBar_unreadBadge__HegzG{position:absolute;top:8px;right:8px;width:8px;height:8px;background:red;border-radius:50%}.NotificationBar_inlineNotifications__0Cu7m{list-style:none;padding:0;margin-top:100px}.NotificationBar_inlineNotifications__0Cu7m li{color:white;font-size:13px;padding:8px;margin-bottom:10px;background-color:rgba(255,255,255,.05);border-radius:4px;cursor:pointer;transition:background .2s ease}.NotificationBar_inlineNotifications__0Cu7m li:hover{background-color:rgba(255,255,255,.1)}.NotificationBar_message__6_CsG{white-space:normal;word-wrap:break-word}.NotificationBar_timestamp__UzOGC{font-size:10px;color:#ccc;margin-top:4px}.NotificationBar_unread__C5Y3L{font-weight:700}.NotificationBar_emptyState__QeL3m{color:#aaa;font-size:12px;text-align:center;margin-top:100px}