.header-notfiction{position:absolute;background-color:var(--colorWhite);width:100%;top:0;height:100%;max-height:100vh;z-index:11;overflow-y:auto;overflow-x:hidden}.notifiction-title-close{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.notification-head{position:sticky;top:0;z-index:111;background-color:var(--colorWhite)}.notfication-artwork-img{width:80px;height:80px;position:relative}.notfication-artwork-img a{width:inherit;height:inherit}.notfication-artwork-img img{width:inherit;height:inherit;max-width:100%;border-radius:50%}.notfication-content{width:60%}.tab-notfication-icon{width:10%;display:flex;align-items:center;color:var(--colorDGray)}li.notification-list-items{display:flex;justify-content:space-between}.notfication-content p{font-size:14px;color:#1c1c1c;margin-bottom:8px;font-weight:500}.notfication-content span{font-size:12px;color:var(--colorDGray);font-weight:400}.notification-alert{position:absolute;top:0;right:0;background-color:#fff;border-radius:50%}.notification-alert .material-icons-round{color:var(--colorRed);font-size:20px;display:flex;align-items:center}.notification-month{border-bottom:1px solid #e2e2e2;padding-top:30px;padding-bottom:20px}.notification-month:last-child{border:none}.pagination{list-style-type:none;display:flex;justify-content:center;align-items:center;padding-bottom:30px}.notification-tabs .tabs{list-style-type:none;display:flex;width:100%;overflow-x:auto}.notification-tabs .tabs::-webkit-scrollbar{display:none}.notification-tabs .tabs .notification-tab{font-size:12px;margin-right:10px;font-weight:500;padding:10px 14px;border-radius:20px;border:1px solid #e2e2e2;color:#717171;white-space:nowrap}.notification-tabs .tabs .notification-tab.selected{background-color:#ed1c24;font-weight:600;border:1px solid #ed1c24;color:#fff}.follow-left,.notfication-artwork-img .no-image{display:flex;height:inherit;justify-content:center;align-items:center;background-color:#e2e2e28a;border-radius:50%}