.notifications-list-item{cursor:pointer;display:flex;flex-direction:column;position:relative}.notifications-list-item__header{position:relative}.notifications-list-item__marker{background-color:var(--primary-1000);border-radius:50%;height:.625rem;left:-1.125rem;margin-top:-.3125rem;position:absolute;top:50%;width:.625rem}.notifications-list-item__link{inset:0;position:absolute}.notifications-list-item--variant-compact{background-color:#fff;border:1px solid #fff;border-radius:.5rem;padding:1rem 1rem 1rem 2rem}.notifications-list-item--variant-compact:hover{background-color:#eff3f8;border-color:#e1e3e5}.notifications-list-item--variant-compact .notifications-list-item__title{font-weight:200}.notifications-list-item--unread .notifications-list-item--variant-compact .notifications-list-item__title{font-weight:400}.notifications-list-item--variant-compact .notifications-list-item__content{margin-top:.375rem}.notifications-list-item--variant-compact .notifications-list-item__text{color:#828282;font-weight:200}.notifications-list-item--variant-compact .notifications-list-item__date{font-size:.875rem;margin-top:.375rem}.notifications-list-item--variant-default{border:1px solid transparent;padding:2.3125rem 0 0;position:relative}.notifications-list-item--variant-default .notifications-list-item__inner{background-color:#f7f7f7;border-radius:.75rem;padding:1rem 1.5rem}.notifications-list-item--variant-default .notifications-list-item__title{font-weight:400;margin-bottom:.25rem;word-break:break-word}.notifications-list-item--variant-default .notifications-list-item__date{background-color:#e0e0e0;border-radius:.5rem;display:inline-block;font-size:.875rem;font-weight:200;left:0;margin:0;padding:.25rem 1rem;position:absolute;top:0;vertical-align:top}.notifications-list-item--variant-default .notifications-list-item__text{color:#3b3b3b;font-weight:200;white-space:pre-wrap;word-break:break-word}.notifications-list-item--variant-default .notifications-list-item__marker{display:none}.notifications-list-item--variant-default:hover{background:none;border-color:transparent}.notifications-list-item--variant-default:hover .notifications-list-item__inner{background-color:#f2f2f2}.notifications-list-item--variant-default.notifications-list-item--unread .notifications-list-item__inner{background-color:#eff3f8}.notifications-list-item--variant-default.notifications-list-item--unread .notifications-list-item__date{background-color:var(--primary-1000);color:#fff}