.notification-page{background:var(--body-background);border-radius:var(--content-border-radius);height:100%;min-height:0}.notification-page__hero--still .rf-page-hero__icon{animation:none}.notification-page .pw-header{font-style:normal;font-weight:var(--fw-550);font-size:var(--fz-28);line-height:var(--lh-ui);color:var(--neutral-90)}.notification-page .pw-content{border:1px solid var(--neutral-20);box-shadow:var(--shadow-lvl3);border-radius:12px;min-height:0;overflow:hidden}.notification-page .pw-content>.modal-loading-overlay{height:100%}.notification-container{background:var(--surface);width:100%;height:100%}.notification-container .notification-column{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.notification-container .notification-list{padding:0 12px 12px;overflow:hidden}.notification-container .notification-list .dtb__row{cursor:pointer}.notification-container .notification-list .dtb__row.notification-unread-row:before,.notification-container .notification-list .dtb__row.notification-unread-row .dtb__rowline>.dtb__stick-first:before{opacity:1;background:var(--primary-60-main);width:3px}.notification-container .notification-body{overflow:auto}.notification-container .notification-empty-text{font-weight:var(--fw-550);font-size:var(--fz-24);color:var(--neutral-50);text-align:center;justify-content:center;align-items:center;height:100%;display:flex}.notification-skeleton{background:var(--surface);grid-template-columns:minmax(320px,600px) minmax(360px,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.notification-skeleton__list{border-right:1px solid var(--border-subtle);min-width:0;min-height:0;padding:0 12px 12px;display:flex}.notification-skeleton__detail{flex-direction:column;gap:14px;padding:24px;display:flex}