.notif-list{flex-direction:column;display:flex}.notif-list>.button{width:calc(100% - 3rem);margin:1rem auto 0;min-width:42px!important}.notif-list__empty{text-align:center;color:#a3a3a3;padding:2rem 1.5rem;font-size:.9rem}.notif-list__view-all{all:unset;cursor:pointer;text-align:center;color:#262626;box-sizing:border-box;border-top:1px solid #fafafa;width:100%;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;display:block}.notif-list__view-all:active{background:#fafafa}.notif-item{box-sizing:border-box;border-bottom:1px solid #fafafa;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;display:flex}.notif-item__dot{background:0 0;border-radius:50%;flex-shrink:0;width:8px;height:8px}.notif-item--unread .notif-item__dot{background:#f59e0b}.notif-item__content{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.notif-item__content--link{cursor:pointer}.notif-item__content--link:active{opacity:.6}.notif-item__title{color:#a3a3a3;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:300;overflow:hidden}.notif-item--unread .notif-item__title{color:#000;font-weight:600}.notif-item__subtitle{color:#a3a3a3;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.notif-item__time{color:#d4d4d4;margin-top:.15rem;font-size:.7rem}