.NoticeBanner-module__CzKmeW__container{background:var(--gray-100);border:1px solid var(--gray-100);box-sizing:border-box;border-radius:12px;flex-direction:row;align-items:center;gap:16px;width:100%;height:74px;padding:16px;display:flex}.NoticeBanner-module__CzKmeW__clickable{cursor:pointer}.NoticeBanner-module__CzKmeW__clickable:hover{opacity:.95}.NoticeBanner-module__CzKmeW__clickable:active{opacity:.9}.NoticeBanner-module__CzKmeW__event{background:var(--primary-purple-500);border:none}.NoticeBanner-module__CzKmeW__iconWrapper{width:24px;height:24px;color:var(--gray-800);flex-shrink:0;justify-content:center;align-items:center;display:flex}.NoticeBanner-module__CzKmeW__textWrapper{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.NoticeBanner-module__CzKmeW__title{font-family:var(--font-family);font-style:normal;font-weight:var(--font-weight-regular);font-size:var(--font-size-paragraph-16);letter-spacing:var(--letter-spacing-tight);color:var(--gray-800);width:100%;line-height:24px}.NoticeBanner-module__CzKmeW__event .NoticeBanner-module__CzKmeW__title{font-weight:var(--font-weight-semibold);color:var(--white)}.NoticeBanner-module__CzKmeW__subtitle{font-family:var(--font-family);font-style:normal;font-weight:var(--font-weight-regular);font-size:var(--font-size-paragraph-13);letter-spacing:var(--letter-spacing-tight);color:var(--gray-600);line-height:18px}.NoticeBanner-module__CzKmeW__event .NoticeBanner-module__CzKmeW__subtitle{color:#fff9}.NoticeBanner-module__CzKmeW__arrowWrapper{width:16px;height:16px;color:var(--gray-800);flex-shrink:0;justify-content:center;align-items:center;display:flex}
.NotificationBadge-module__z-flXa__container{flex-shrink:0;width:40px;height:40px;position:relative}.NotificationBadge-module__z-flXa__iconWrapper{background:var(--gray-100);width:40px;height:40px;color:var(--gray-700);border-radius:14px;justify-content:center;align-items:center;display:flex}.NotificationBadge-module__z-flXa__badge{background:var(--white);border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:absolute;top:-1px;right:-1px}.NotificationBadge-module__z-flXa__dot{background:var(--primary-red-500);border-radius:50%;width:6px;height:6px}
.NotificationItem-module__3RHn2a__container{background:var(--white);flex-direction:row;align-items:flex-start;gap:16px;width:100%;padding:16px 16px 0;display:flex}.NotificationItem-module__3RHn2a__clickable{cursor:pointer}.NotificationItem-module__3RHn2a__clickable:hover{background:var(--gray-100)}.NotificationItem-module__3RHn2a__content{border-bottom:1px solid var(--gray-100);flex-direction:column;flex:1;align-items:flex-start;gap:4px;padding-bottom:16px;display:flex}.NotificationItem-module__3RHn2a__text{font-family:var(--font-family);font-style:normal;font-weight:var(--font-weight-regular);font-size:var(--font-size-paragraph-15);letter-spacing:var(--letter-spacing-tight);color:var(--gray-700);width:100%;margin:0;line-height:22px}.NotificationItem-module__3RHn2a__meta{flex-direction:row;align-items:center;gap:0;display:flex}.NotificationItem-module__3RHn2a__category,.NotificationItem-module__3RHn2a__timestamp{font-family:var(--font-family);font-style:normal;font-weight:var(--font-weight-regular);font-size:var(--font-size-paragraph-11);letter-spacing:var(--letter-spacing-tight);color:var(--gray-600);line-height:16px}.NotificationItem-module__3RHn2a__boldText{font-weight:var(--font-weight-bold)}
.page-module__sJjhBG__container{background:var(--white);flex-direction:column;flex:1;display:flex}.page-module__sJjhBG__divider{background:var(--gray-100);width:100%;height:1px}.page-module__sJjhBG__bannerWrapper{padding:16px}.page-module__sJjhBG__notificationList{flex-direction:column;flex:1;display:flex}.page-module__sJjhBG__emptyState{flex:1;justify-content:center;align-items:center;padding:60px 16px;display:flex}.page-module__sJjhBG__emptyText{font-family:var(--font-family);font-style:normal;font-weight:var(--font-weight-regular);font-size:var(--font-size-paragraph-15);text-align:center;letter-spacing:var(--letter-spacing-tight);color:var(--gray-600);margin:0;line-height:22px}.page-module__sJjhBG__demoControls{z-index:100;gap:8px;display:flex;position:fixed;bottom:100px;left:16px;right:16px}.page-module__sJjhBG__demoControls button{background:var(--gray-100);border:1px solid var(--gray-200);cursor:pointer;border-radius:4px;flex:1;padding:8px;font-size:11px}