.notification-panel{display:flex;width:424px;max-width:100vw;flex-direction:column;padding-top:var(--mx2-spacing-1,8px);background-color:var(--mx2-colors-background-paper,#fff)}.notification-panel[data-shell=popover]{max-height:688px}.notification-panel[data-shell=drawer]{height:calc(100vh - var(--notification-panel-header-offset, 56px))}.notification-panel__alert{padding:var(--mx2-spacing-2,16px)}.notification-panel-header{display:flex;align-items:center;gap:var(--mx2-spacing-1,8px);padding:var(--mx2-spacing-1,8px) var(--mx2-spacing-2,16px);border-bottom:1px solid var(--mx2-colors-divider,rgba(0,0,0,.12))}.notification-panel-header__title-group{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:4px}.notification-panel-header__title{margin:0;overflow:hidden;color:var(--mx2-colors-text-primary,#212121);font-size:14px;font-weight:500;line-height:1.57;letter-spacing:.1px;white-space:nowrap;text-overflow:ellipsis}.notification-panel-header__count{flex:0 0 auto;color:var(--mx2-colors-text-secondary,rgba(0,0,0,.6));font-size:12px;font-weight:400;line-height:1.66;letter-spacing:.4px;white-space:nowrap}