#notification-component{position:relative}#notification-component .badge{position:absolute;right:3px;font-size:7px;padding:3px;top:4px;min-height:8px;min-width:8px;display:block;line-height:4px}#notification-component .badge.badge-danger{background-color:var(--notification-danger-color)}#notification-component .btn{padding:5px 6px;border-radius:5px;position:relative}#notification-component .btn.show{background-color:var(--brand-card-banner-background-color)}#notification-component .btn.icon{line-height:0px}#notification-component .btn.icon i{color:var(--neutral-white);font-size:1.3rem}#notification-component .notification-list-component{position:absolute;min-height:300px;max-height:100vh;right:0;top:35px;width:280px;background:#fff;display:none;box-shadow:4px 4px 20px 0 rgba(59,59,59,.1);border-radius:12px;z-index:999999!important}#notification-component .notification-list-component.show{display:block}#notification-component .notification-list-component .header{padding:20px 20px 15px 23px}#notification-component .notification-list-component a{color:var(--neutral-10)}#notification-component .notification-list-component .tabs{border-bottom:1px solid var(--neutral-04);padding:0 10px;margin-left:0;margin-top:0}#notification-component .notification-list-component .tabs .nav-item{position:relative}#notification-component .notification-list-component .tabs .nav-item a{font-size:.9rem;color:var(--neutral-10)}#notification-component .notification-list-component .tabs .nav-item a.active{color:var(--notification-success-color);font-weight:600;border-bottom:2px solid var(--notification-success-color)}#notification-component .notification-list-component .empty-component{max-width:80%}#notification-component .notification-list-component .empty-component .icon{width:48px;height:48px;background-color:var(--brand-data-visualization-light-4-color)}#notification-component .notification-list-component .empty-component .icon i{color:var(--notification-success-color)}#notification-component .notification-list-component .empty-component h4{font-size:1rem;font-weight:700}#notification-component .notification-list-component .empty-component p{color:var(--neutral-07)}#notification-component .notification-list-component .notification-list .contents{max-height:500px;overflow-y:auto}#notification-component .new-notification{position:absolute;right:0;top:35px;width:300px;background:#fff;box-shadow:4px 4px 20px 0 rgba(59,59,59,.1);border-radius:12px;z-index:999999!important}#notification-component .new-notification p{color:var(--neutral-10)}.notification-export-backdrop{position:fixed;inset:0;z-index:100040;background:rgba(0,0,0,.55);animation:notification-export-backdrop-in .2s ease-out}@keyframes notification-export-backdrop-in{0%{opacity:0}to{opacity:1}}.new-notification.notification-export-popover{position:fixed;top:5.25rem;right:1rem;left:auto;bottom:auto;width:min(300px,100vw - 2rem);z-index:100041!important;margin:0;isolation:isolate;pointer-events:auto;background:var(--neutral-white,#fff);box-shadow:4px 4px 20px 0 rgba(59,59,59,.12),0 0 0 1px rgba(0,0,0,.04);border-radius:12px;animation:notification-export-popover-in .22s ease-out}.new-notification.notification-export-popover p{color:var(--neutral-10)}.new-notification.notification-export-popover .header{justify-content:flex-start!important;align-items:center;gap:.5rem;flex-wrap:nowrap}.new-notification.notification-export-popover .header .title{flex:1;min-width:0;font-weight:700;font-size:1rem;line-height:1.25}.new-notification.notification-export-popover .header .loading{flex-shrink:0}.new-notification.notification-export-popover .header .btn-close{flex-shrink:0;margin-left:auto}@keyframes notification-export-popover-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}