.cmp-notification-header-container{display:flex}
@media(min-width:768px){.cmp-notification-header-container{position:relative}
}
.cmp-notification-header-container .hide{display:none}
.cmp-notification-header-container .cmp-notification-items{position:absolute;right:0;left:-1px;top:55px;z-index:1;background:#fff;box-shadow:0 4px 4px 0 #00000040;width:400px;border:1px solid #efeff0;border-left:0;overflow:scroll;width:100%;max-height:calc(100vh - 55px)}
@media(min-width:768px){.cmp-notification-header-container .cmp-notification-items{top:41px;left:initial;border-radius:6px;width:400px;max-height:calc(100vh - 136px)}
}
.cmp-notification-header-container .cmp-notification-button{background:0;border:0;cursor:pointer;position:relative}
.cmp-notification-header-container .cmp-notification-button svg,.cmp-notification-header-container .cmp-notification-button path{pointer-events:none}
.cmp-notification-header-container.has-notifications .cmp-notification-button-count{position:absolute;right:0;top:2px;background:#e6121a;width:14px;height:14px;border-radius:100%}
.cmp-notification-header-container.has-notifications .cmp-notification-button-count-container{position:relative;width:100%;height:100%}
.cmp-notification-header-container.has-notifications .cmp-notification-button-count span{position:absolute;top:.5px;bottom:0;left:0;right:0;font-size:8px;color:#fff;margin:auto;display:flex;justify-content:center;align-items:center}
.cmp-notification-header-container:not(.has-notifications) .new-and-updated{display:none}
.cmp-notification-header-container .cmp-notification-items-header{padding:12px 30px;border-bottom:1px solid #c7c7c7;display:flex;justify-content:space-between;align-items:center}
.cmp-notification-header-container .cmp-notification-items-header h4{padding:0;margin:0}
.cmp-notification-header-container .cmp-notification-items-header p{font-size:14px}
.cmp-notification-header-container .cmp-notification-new,.cmp-notification-header-container .cmp-notification-updated{display:flex;justify-content:flex-end;align-items:center}
.cmp-notification-header-container .box{width:12px;height:12px;border-radius:1px;margin-left:8px}
.cmp-notification-header-container .empty{padding:11px 30px}
.cmp-notification-header-container.has-notifications .empty{display:none}
.cmp-notification-header-container:not(.has-notifications) .not-empty{display:none;max-height:calc(100vh - 105px);overflow:scroll}
.cmp-notification-header-container .not-empty li{position:relative;display:flex;border-bottom:1px solid #c7c7c7}
.cmp-notification-header-container .not-empty li:hover{background:#f8f8f8}
.cmp-notification-header-container .not-empty a{width:100%}
.cmp-notification-header-container .not-empty li:last-of-type{border-bottom:0}
.cmp-notification-header-container .not-empty .rectangle{width:10px;height:100%;position:absolute;left:0}
.cmp-notification-header-container .not-empty .list-content{margin-left:29px;padding:11px 30px 11px 0}
.cmp-notification-header-container .list-content-title{font-size:14px;font-weight:bold;padding-bottom:8px;color:#000}
.cmp-notification-header-container .list-content-modification-details{font-size:14px;padding-bottom:12px;color:#000}
.cmp-notification-header-container .tag{display:inline-block;background:#dde1e7;border-radius:32px;font-weight:600;font-size:12px;padding:3px 8px;margin-right:8px;color:#000}
.cmp-notification-header-container .list-content-tag-container{display:flex;align-items:center}
.cmp-notification-header-container .list-content-copy{color:#75757c;font-size:14px}