.app-notification-popover__popper{z-index:2010!important;padding:0!important}.app-notification-popover__list{border-style:solid;border-width:1px 0;border-color:var(--color-neutral-100)}.app-notification-popover__count{background:var(--color-brand-100);min-width:18px;height:18px;color:var(--color-brand-700);text-align:center;font-variant-numeric:tabular-nums;border-radius:9px;padding:0 5px;font-size:12px;font-weight:500;line-height:18px}.app-notification-popover__filter{border:1px solid var(--color-neutral-200);height:28px;color:var(--color-neutral-700);cursor:pointer;background:#fff;border-radius:8px;padding:0 10px;font-size:13px;font-weight:500;line-height:18px;transition:background-color .12s cubic-bezier(.2,0,0,1),border-color .12s cubic-bezier(.2,0,0,1),color .12s cubic-bezier(.2,0,0,1)}.app-notification-popover__filter:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-300)}.app-notification-popover__filter[aria-pressed=true]{background:var(--color-brand-50);border-color:var(--color-brand-300);color:var(--color-brand-700)}.app-notification-popover__filter:focus-visible{outline:0;box-shadow:0 0 0 3px #1ca8e33d}.app-notification-popover__skeleton.el-skeleton{--el-skeleton-color:var(--color-neutral-100);--el-skeleton-to-color:var(--color-neutral-50)}.app-notification-popover__list .el-scrollbar__wrap{min-height:200px;max-height:min(480px,100dvh - 320px)}.app-notification-popover__list .app-notification-popover__item{border-radius:10px;margin-left:8px;margin-right:8px;padding-right:8px;transition:background-color .12s cubic-bezier(.2,0,0,1)}.app-notification-popover__list .app-notification-popover__item:hover{cursor:pointer;background-color:var(--color-neutral-50);-webkit-user-select:none;user-select:none}.app-notification-popover__list .app-notification-popover__item.is-unread .font-medium{font-weight:600!important}.app-notification-popover__dot{flex:none;margin-top:6px}.app-notification-popover__list .content-item{max-width:247px}.app-notification-popover__list .mention-item{color:var(--color-brand-700);cursor:pointer}.app-notification-popover__list .mention-item:hover{text-decoration:underline}@media (width<768px){.app-notification-popover__popper.el-popper{box-sizing:border-box;--app-zoom-origin:calc(100% - 64px) 32px;border:0;border-radius:0;flex-direction:column;max-width:none;height:100dvh;display:flex;width:100vw!important;margin:0!important;position:fixed!important;inset:0!important}.app-notification-popover__list{flex:1;min-height:0}.app-notification-popover__list .el-scrollbar__wrap{height:100%;min-height:0;max-height:none}.app-notification-popover__list .content-item{max-width:none}}