#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:2}#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:2}#notification-component .new-notification p{color:var(--neutral-10)}