.eg-NotificationsDrawer-module-backdrop{z-index:999;background:#0006;position:fixed;inset:0}.eg-NotificationsDrawer-module-drawer{background:var(--color-bg-base);border-left:1px solid var(--color-border);z-index:1000;width:min(380px,100vw);transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.eg-NotificationsDrawer-module-drawerOpen{transform:translate(0)}.eg-NotificationsDrawer-module-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}html[data-native=true] .eg-NotificationsDrawer-module-header{padding-top:calc(var(--sat) + var(--space-4))}.eg-NotificationsDrawer-module-headerTitleGroup{align-items:center;gap:var(--space-2);display:flex}.eg-NotificationsDrawer-module-unreadBadge{font-size:11px}.eg-NotificationsDrawer-module-headerActions{gap:var(--space-2);display:flex}.eg-NotificationsDrawer-module-body{flex:1;overflow-y:auto}.eg-NotificationsDrawer-module-emptyState{padding:var(--space-8);color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.eg-NotificationsDrawer-module-emptyIcon{margin-bottom:var(--space-3);opacity:.4}.eg-NotificationsDrawer-module-emptyText{font-size:var(--text-sm)}