body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification-inbox{padding-top:24px;padding-bottom:32px;max-width:1100px}.notification-inbox .notification-heading{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:16px;gap:16px}.notification-inbox .notification-toolbar{display:flex;flex-wrap:wrap;align-items:center;grid-gap:16px;gap:16px;padding:16px;margin:18px 0;background:#fff;border:1px solid #e3e6f0;border-radius:8px}.notification-inbox .notification-toolbar label:first-child{margin:0;min-width:190px}.notification-inbox .notification-card{margin-bottom:14px;padding:20px;background:#fff;border:1px solid #e3e6f0;border-left:4px solid #d1d3e2;border-radius:8px}.notification-inbox .notification-unread{border-left-color:#4e73df;background:#f8faff}.notification-inbox .notification-card h5{font-size:1rem;font-weight:600}.notification-inbox .notification-card p{overflow-wrap:anywhere}.notification-inbox .notification-actions,.notification-inbox .notification-pagination{display:flex;flex-wrap:wrap;grid-gap:12px;gap:12px;align-items:center}.notification-inbox .notification-pagination{justify-content:center;margin-top:24px}.notification-inbox .notification-empty{text-align:center;padding:48px 20px;background:#fff;border:1px dashed #d1d3e2;border-radius:8px}@media (max-width:575px){.notification-inbox .notification-heading{flex-wrap:wrap}.notification-inbox .notification-toolbar{align-items:stretch;flex-direction:column}}