.dnaNotificationBannerPage{position:relative;height:0}.dnaNotificationBannerPage>div{background:#fff;position:relative;z-index:1}.dnaNotificationBannerPage__wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:7px 64px 7px 16px}.dnaNotificationBannerPage__wrapper.announcement{background-color:rgba(0, 200, 83, .1);border:1px solid #0a853d}.dnaNotificationBannerPage__wrapper.announcement .dnaNotificationBannerPage__icon svg path{fill:#0a853d}.dnaNotificationBannerPage__wrapper.warning{background-color:rgba(255, 215, 58, .1);border:1px solid #ffd73a}.dnaNotificationBannerPage__wrapper.warning .dnaNotificationBannerPage__icon svg path{fill:#ffd73a}.dnaNotificationBannerPage__wrapper.errors{background-color:rgba(226, 62, 79, .1);border:1px solid #e23e4f}.dnaNotificationBannerPage__wrapper.errors .dnaNotificationBannerPage__icon svg path{fill:#e23e4f}.dnaNotificationBannerPage__text a,.dnaNotificationBannerPage__text p{color:rgba(0, 0, 0, .95);font-size:14px;line-height:21px;letter-spacing:.2px}.dnaNotificationBannerPage__text p{margin:0}.dnaNotificationBannerPage__text a{color:#005eb8;padding-bottom:2px;text-decoration:none;background-image:linear-gradient(transparent calc(100% - 1px), #005eb8 1px);background-repeat:no-repeat;background-size:0 100%;transition:background-size .6s ease}.dnaNotificationBannerPage__text a:hover{background-size:100% 100%}.dnaNotificationBannerPage__icon{line-height:24px;margin-right:8px;-ms-flex-item-align:start;align-self:flex-start}.dnaNotificationBannerPage__close{position:absolute;top:8px;right:16px;cursor:pointer}.dnaNotificationBannerPage .icon-sm{line-height:24px;height:24px;width:24px}.dnaNotificationBannerPage .icon-sm>svg{display:block;height:24px;width:24px}.no-display{display:none}

/*# sourceMappingURL=dnaMarketingNotificationBanner.css.map*/