.NotificationItem-module-scss-module__nCOYFa__container{cursor:pointer;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;display:flex}.NotificationItem-module-scss-module__nCOYFa__container.NotificationItem-module-scss-module__nCOYFa__notRead{background:var(--bg-dark-level-043-b-3-b-40,#3b3b40)}.NotificationItem-module-scss-module__nCOYFa__container .NotificationItem-module-scss-module__nCOYFa__typeBadge{background:var(--bg-dark-level-0328282-b,#28282b);aspect-ratio:1;border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;display:flex}.NotificationItem-module-scss-module__nCOYFa__container .NotificationItem-module-scss-module__nCOYFa__typeBadge .NotificationItem-module-scss-module__nCOYFa__typeIcon{color:var(--color-primary-ff-6820,#ff6820)}.NotificationItem-module-scss-module__nCOYFa__container .NotificationItem-module-scss-module__nCOYFa__content{flex-direction:column;flex:1 0 0;align-items:flex-start;gap:8px;display:flex}.NotificationItem-module-scss-module__nCOYFa__container .NotificationItem-module-scss-module__nCOYFa__content .NotificationItem-module-scss-module__nCOYFa__header{flex:1 0 0;align-items:center;gap:4px;display:flex}.NotificationItem-module-scss-module__nCOYFa__container .NotificationItem-module-scss-module__nCOYFa__content .NotificationItem-module-scss-module__nCOYFa__header .NotificationItem-module-scss-module__nCOYFa__title{font-size:var(--body-14-semi-font-size,14px);font-style:var(--body-14-semi-font-style,normal);font-weight:var(--body-14-semi-font-weight,600);line-height:var(--body-14-semi-line-height,18px);color:var(---White,#fff);align-self:stretch}.NotificationItem-module-scss-module__nCOYFa__container .NotificationItem-module-scss-module__nCOYFa__content .NotificationItem-module-scss-module__nCOYFa__text{font-size:var(--body-12-regular-font-size,12px);font-style:var(--body-12-regular-font-style,normal);font-weight:var(--body-12-regular-font-weight,400);line-height:var(--body-12-regular-line-height,16px);color:var(---White,#fff);align-self:stretch}.NotificationItem-module-scss-module__nCOYFa__container .NotificationItem-module-scss-module__nCOYFa__content .NotificationItem-module-scss-module__nCOYFa__timeInfo{font-size:var(--body-12-regular-font-size,12px);font-style:var(--body-12-regular-font-style,normal);font-weight:var(--body-12-regular-font-weight,400);line-height:var(--body-12-regular-line-height,16px);color:var(--font-white-level-058-c-8-c-8-c,#8c8c8c);align-self:stretch}.NotificationItem-module-scss-module__nCOYFa__container .NotificationItem-module-scss-module__nCOYFa__preview{border-radius:var(--2,2px);background:var(--bg-dark-level-01000000,#000);aspect-ratio:16/9;flex-shrink:0;justify-content:center;width:57px;height:32px;display:flex;overflow:hidden}.NotificationItem-module-scss-module__nCOYFa__container .NotificationItem-module-scss-module__nCOYFa__preview .NotificationItem-module-scss-module__nCOYFa__image{object-fit:cover;width:100%}.NotificationItem-module-scss-module__nCOYFa__container .NotificationItem-module-scss-module__nCOYFa__preview .NotificationItem-module-scss-module__nCOYFa__shorts{width:unset;aspect-ratio:9/16;height:100%}
.NotificationSidebar-module-scss-module__sWKbKq__overlay{z-index:1000;background:0 0;width:100dvw;height:100dvh;display:flex;position:fixed;top:0;left:0}.NotificationSidebar-module-scss-module__sWKbKq__overlay.NotificationSidebar-module-scss-module__sWKbKq__closing{pointer-events:none}.NotificationSidebar-module-scss-module__sWKbKq__overlay.NotificationSidebar-module-scss-module__sWKbKq__mobile{background:var(--bg-dark-level-0218181-a,#18181a);opacity:0;animation:var(--fade-in) .3s ease-in-out forwards}.NotificationSidebar-module-scss-module__sWKbKq__overlay.NotificationSidebar-module-scss-module__sWKbKq__mobile.NotificationSidebar-module-scss-module__sWKbKq__closing{animation:var(--fade-out) .3s ease-in-out forwards}.NotificationSidebar-module-scss-module__sWKbKq__container{background:#18181a;width:420px;height:100%;transition:transform .3s;animation:.3s NotificationSidebar-module-scss-module__sWKbKq__slideIn;display:flex;transform:translate(0)}.NotificationSidebar-module-scss-module__sWKbKq__container.NotificationSidebar-module-scss-module__sWKbKq__closing{transform:translate(-100%)}.NotificationSidebar-module-scss-module__sWKbKq__container.NotificationSidebar-module-scss-module__sWKbKq__mobile{width:100%;transition:none;animation:none}.NotificationSidebar-module-scss-module__sWKbKq__container.NotificationSidebar-module-scss-module__sWKbKq__mobile.NotificationSidebar-module-scss-module__sWKbKq__closing{transform:translate(0)}.NotificationSidebar-module-scss-module__sWKbKq__content{border-right:1px solid var(--line-02525259,#525259);background:#18181a;border-radius:0;flex-direction:column;width:100%;height:100%;display:flex}.NotificationSidebar-module-scss-module__sWKbKq__content.NotificationSidebar-module-scss-module__sWKbKq__mobile{padding:var(--12,12px) 0 var(--24,24px) 0;border:none}.NotificationSidebar-module-scss-module__sWKbKq__headerDesktop{font-size:var(--body-16-medium-font-size,16px);font-style:var(--body-16-medium-font-style,normal);font-weight:var(--body-16-medium-font-weight,500);line-height:var(--body-16-medium-line-height,20px);height:fit-content;padding:var(--16,16px) var(--8,8px) var(--16,16px) var(--16,16px);border-bottom:1px solid var(--line-line-01343438,#343438);color:var(--font-white-level-01-ffffff,#fff);justify-content:space-between;align-self:stretch;align-items:center;display:flex}.NotificationSidebar-module-scss-module__sWKbKq__headerMobile{font-size:var(--body-16-medium-font-size,16px);font-style:var(--body-16-medium-font-style,normal);font-weight:var(--body-16-medium-font-weight,500);line-height:var(--body-16-medium-line-height,20px);height:var(--52,52px);padding:0 var(--8,8px);color:var(--font-white-level-01-ffffff,#fff);justify-content:space-between;align-items:center;display:none}.NotificationSidebar-module-scss-module__sWKbKq__headerMobile .NotificationSidebar-module-scss-module__sWKbKq__disabled{opacity:0;pointer-events:none}.NotificationSidebar-module-scss-module__sWKbKq__content.NotificationSidebar-module-scss-module__sWKbKq__mobile .NotificationSidebar-module-scss-module__sWKbKq__headerDesktop{display:none}.NotificationSidebar-module-scss-module__sWKbKq__content.NotificationSidebar-module-scss-module__sWKbKq__mobile .NotificationSidebar-module-scss-module__sWKbKq__headerMobile{display:flex}.NotificationSidebar-module-scss-module__sWKbKq__body{width:100%;height:100%;overflow-y:auto}.NotificationSidebar-module-scss-module__sWKbKq__body .NotificationSidebar-module-scss-module__sWKbKq__section{align-items:flex-start;gap:var(--12,12px);padding:var(--8,8px) 0;flex-direction:column;display:flex}.NotificationSidebar-module-scss-module__sWKbKq__body .NotificationSidebar-module-scss-module__sWKbKq__section .NotificationSidebar-module-scss-module__sWKbKq__sectionTitle{font-size:var(--body-12-medium-font-size,12px);font-style:var(--body-12-medium-font-style,normal);font-weight:var(--body-12-medium-font-weight,500);line-height:var(--body-12-medium-line-height,16px);padding:0 var(--16,16px);color:var(---White,#fff);align-self:stretch;align-items:center;display:flex}.NotificationSidebar-module-scss-module__sWKbKq__body .NotificationSidebar-module-scss-module__sWKbKq__section .NotificationSidebar-module-scss-module__sWKbKq__emptyContainer{font-size:var(--body-14-regular-font-size,14px);font-style:var(--body-14-regular-font-style,normal);font-weight:var(--body-14-regular-font-weight,400);line-height:var(--body-14-regular-line-height,18px);justify-content:center;align-items:center;gap:var(--12,12px);padding:var(--40,40px) 0;color:var(--font-white-level-02-ebebeb,#ebebeb);text-align:center;flex-direction:column;align-self:stretch;display:flex}.NotificationSidebar-module-scss-module__sWKbKq__body .NotificationSidebar-module-scss-module__sWKbKq__section .NotificationSidebar-module-scss-module__sWKbKq__emptyContainer .NotificationSidebar-module-scss-module__sWKbKq__errorIcon{color:var(--font-white-level-04-a-6-a-6-a-6,#a6a6a6)}.NotificationSidebar-module-scss-module__sWKbKq__body .NotificationSidebar-module-scss-module__sWKbKq__section .NotificationSidebar-module-scss-module__sWKbKq__listContainer{flex-direction:column;align-items:flex-start;width:100%;display:flex}.NotificationSidebar-module-scss-module__sWKbKq__body .NotificationSidebar-module-scss-module__sWKbKq__loadMore,.NotificationSidebar-module-scss-module__sWKbKq__loader{padding:var(--12,12px);justify-content:center;align-items:center;display:flex}@keyframes NotificationSidebar-module-scss-module__sWKbKq__slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}