.notification-drawer-wrapper .MuiBackdrop-root{background-color:transparent}.notification-drawer-wrapper .notification-drawer{width:100%;max-width:364px;overflow:hidden;border-top-left-radius:.5rem;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-width:1px;border-style:solid;border-color:var(--colors-grey-100);background-color:var(--background-default);--tw-shadow:0px 1px 6px 0px var(--inherit-text-primary-focus);--tw-shadow-colored:0px 1px 6px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media not all and (min-width:600px){.notification-drawer-wrapper .notification-drawer{top:3.813rem}}@media (min-width:600px){.notification-drawer-wrapper .notification-drawer{top:4.5rem}}@media not all and (min-width:600px){.notification-drawer-wrapper .notification-drawer .infinite-scroll-component{height:calc(100vh - 125px)!important}}@media (min-width:600px){.notification-drawer-wrapper .notification-drawer .infinite-scroll-component{height:calc(100vh - 147px)!important}}.notification-drawer-wrapper .notification-drawer .badge-avatar{height:1rem!important;width:1rem!important}.notification-drawer-wrapper .notification-drawer .drawer-header{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:1rem 1rem 0}.notification-drawer-wrapper .notification-drawer .drawer-header .MuiTypography-body1{color:var(--text-primary)}.notification-drawer-wrapper .notification-drawer .drawer-header .drawer-action{display:flex;align-items:center;gap:.5rem}.notification-drawer-wrapper .notification-drawer .drawer-header .drawer-action button{color:var(--secondary-main)}.notification-drawer-wrapper .notification-drawer .loader{display:flex;justify-content:center}.notification-drawer-wrapper .notification-drawer .notification-drawer-content{padding:1rem 1rem 0}.notification-drawer-wrapper .notification-drawer .notification-content:last-child{margin-bottom:1rem}.notification-drawer-wrapper .notification-drawer .notification-content+.notification-content{margin-top:.5rem}.notification-drawer-wrapper .notification-drawer .notification-content .notification-card+.notification-card{margin-top:.25rem}