.BannerMessage{position:relative;background-color:#f3f7ff}
body #app [aem-comp].BannerMessage.gutter-top-small,#app [aem-comp].BannerMessage.gutter-top-small{padding-top:0 !important}
body #app [aem-comp].BannerMessage.gutter-bottom-none,#app [aem-comp].BannerMessage.gutter-bottom-none{padding-bottom:0 !important}
.BannerMessage .banner{color:#171a22;padding-top:.875rem;padding-bottom:.875rem;display:block;background-color:#f3f7ff;text-decoration:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}
.BannerMessage .banner:hover,.BannerMessage .banner:active,.BannerMessage .banner:focus{text-decoration:none}
@media(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.BannerMessage .banner:hover .cta-link{text-decoration:underline}
}
@media(hover:none){.BannerMessage .banner:active .cta-link{text-decoration:underline}
}
.BannerMessage .banner .cta{position:relative;color:inherit;font-size:.75rem;line-height:1.33333;font-weight:400;letter-spacing:-.001rem;margin-left:1.35rem;padding-left:1.6rem;white-space:nowrap}
.BannerMessage .banner .cta:before{content:"";position:absolute;left:0;top:50%;width:1px;height:1.6rem;background-color:#d8e1f0;transform:translateY(-50%)}
.BannerMessage.is-stacked .banner .cta{transform:translateX(-2.95rem)}
.BannerMessage.is-stacked .banner .cta:before{content:none}
.BannerMessage .banner .cta svg{color:inherit}
.BannerMessage .banner .cta svg use{fill:currentColor !important}
.BannerMessage .banner.fixed{position:fixed;left:0;top:0;width:100%;z-index:10;-webkit-transition:background-color .3s ease,margin-top .3s linear;transition:background-color .3s ease,margin-top .3s linear}
.BannerMessage .banner-container{margin-top:-.175rem;margin-bottom:-.125rem}
.BannerMessage:not(.no-wizard) .banner-container{padding-right:2rem}
.BannerMessage .text{display:inline;font-size:.75rem;line-height:1.33;font-weight:700;margin-right:.25rem;letter-spacing:-.001rem}
.BannerMessage.no-wizard .banner{background-color:#1863ed;color:#fff;padding-top:2rem;padding-bottom:2rem}
.BannerMessage.no-wizard .banner:hover,.BannerMessage.no-wizard .banner:active,.BannerMessage.no-wizard .banner:focus{color:#fff}
.BannerMessage.no-wizard .banner:hover .text,.BannerMessage.no-wizard .banner:active .text,.BannerMessage.no-wizard .banner:focus .text{color:#fff}
@media(min-width:768px){.BannerMessage.no-wizard .banner{padding-top:1.2rem;padding-bottom:1.1rem}
}
@media(min-width:1024px){.BannerMessage.no-wizard .banner{padding-top:1.3rem;padding-bottom:1.3rem}
}
.BannerMessage.no-wizard .banner-container{margin-top:-.25rem;margin-bottom:-.15rem}
@media(min-width:768px){.BannerMessage.no-wizard .banner-container{margin-top:-.35rem;margin-bottom:-.15rem}
}
.BannerMessage.no-wizard .text{font-size:.8rem;line-height:1.5;font-weight:400;display:inline-block;margin-bottom:0}
.BannerMessage.no-wizard .banner .cta{color:inherit;font-size:.8rem;line-height:1.625;font-weight:400;letter-spacing:0;margin-left:0;padding-left:0;white-space:normal}
.BannerMessage.no-wizard .banner .cta:before{content:none}
.BannerMessage.no-wizard .cta svg{color:inherit;margin-left:.2rem !important}
.BannerMessage.no-wizard .cta svg use{fill:currentColor !important}
.BannerMessage .banner-close-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}
.BannerMessage .banner-close-container.fixed{position:fixed;bottom:auto;height:0;z-index:11}
.BannerMessage .banner-close{position:absolute;right:0;top:50%;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:0;background:transparent;color:#171a22;cursor:pointer;transform:translateY(-50%);z-index:2;pointer-events:auto}
.BannerMessage.no-wizard .banner-close{display:none}
.BannerMessage .banner-close svg{width:.8rem;height:.8rem;stroke:currentColor;pointer-events:none}
.BannerMessage .banner-close svg use{fill:currentColor !important}
.BannerMessage.underlinedLink .cta-link{text-decoration:underline !important}
.BannerMessage.boldLink .cta-link{font-weight:bold !important}
.BannerMessage.normalLink .cta-link{font-weight:400 !important}
.make-banner-message-visible{z-index:2;position:relative}
@media(max-width:767.98px){.BannerMessage .banner .cta{margin-left:.5rem;padding-left:.75rem}
.BannerMessage .banner .cta:before{height:1.2rem}
.BannerMessage.is-stacked .banner .cta{transform:translateX(-1.25rem)}
}