.notification-list{list-style:none;margin:0;padding-bottom:16px;position:relative}.notification-list__subheader{font-size:.75rem;color:#a997b5;line-height:3.25rem;font-weight:600;align-items:center;display:flex;justify-content:space-between;list-style:none;padding:0 var(--padding);text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notification-list__item{list-style:none;margin:0;padding:0}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notifications{--padding:24px;display:flex;flex-direction:column;height:640px;max-height:100%;overflow:hidden;width:400px}.notifications--full-screen{--padding:16px;flex-grow:1;height:100%;width:100%}.notifications__header{display:flex;flex-direction:column;flex-shrink:0;gap:16px;padding:16px var(--padding)}.notifications__content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.notifications__title-wrapper{align-items:center;display:flex;height:32px;gap:16px}.notifications__title{font-size:1.25rem;color:#fff;line-height:1.5rem;font-weight:700}.notifications__count{font-size:.75rem;color:#fff;line-height:.875rem;background-color:#de3449;height:24px}.notifications__count,.notifications__tab-count{font-weight:700;align-items:center;border-radius:4px;display:inline-flex;justify-content:center;padding:0 12px}.notifications__tab-count{font-size:.6875rem;color:#8c7996;line-height:.8125rem;background-color:#2f2432;height:16px;margin-left:4px}[data-status=active]>.notifications__tab-count{background-color:#fff;color:#e90083}