.announcement-banner{max-height:200px;opacity:1;overflow:hidden;padding:12px 0;position:relative;transition:max-height .4s ease,opacity .3s ease,padding .4s ease}.announcement-banner.is-dismissing{max-height:0;opacity:0;padding:0}.announcement-banner.is-dismissed{display:none}.announcement-banner--sticky{position:sticky;top:0;z-index:1001}.announcement-banner--orange{background-color:var(--color-orange)}.announcement-banner--green{background-color:var(--color-green)}.announcement-banner--cream{background-color:var(--color-cream)}.announcement-banner--white{background-color:var(--color-white);border-bottom:1px solid var(--color-blue)}.announcement-banner__container{align-items:center;display:flex;gap:var(--space-md);justify-content:center}.announcement-banner__content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center}.announcement-banner__icon{flex-shrink:0;font-size:1.25em;line-height:1}.announcement-banner__message{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;line-height:1.4;text-align:center}.announcement-banner__message p{margin:0}.announcement-banner--dark .announcement-banner__icon,.announcement-banner--dark .announcement-banner__message{color:var(--color-white)}.announcement-banner:not(.announcement-banner--dark) .announcement-banner__icon,.announcement-banner:not(.announcement-banner--dark) .announcement-banner__message{color:var(--color-green)}.announcement-banner--color .announcement-banner__icon,.announcement-banner--color .announcement-banner__message{color:inherit}.announcement-banner[data-font-size=small] .announcement-banner__message{font-size:var(--text-xs)}.announcement-banner[data-font-size=large] .announcement-banner__message{font-size:var(--text-base)}.announcement-banner[data-font-size=large] .announcement-banner__icon{font-size:1.5em}.announcement-banner__cta{box-sizing:border-box;flex-shrink:0;line-height:1.25;max-width:100%;overflow-wrap:break-word;text-align:center;white-space:normal}.announcement-banner__close{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all var(--transition-base);width:28px}.announcement-banner--dark .announcement-banner__close{color:var(--color-white)}.announcement-banner--dark .announcement-banner__close:hover{background-color:hsla(0,0%,100%,.1)}.announcement-banner:not(.announcement-banner--dark) .announcement-banner__close{color:var(--color-gray)}.announcement-banner:not(.announcement-banner--dark) .announcement-banner__close:hover{background-color:rgba(0,0,0,.05)}.announcement-banner--color .announcement-banner__close{color:inherit}.announcement-banner--color .announcement-banner__close:hover{background-color:hsla(0,0%,100%,.15)}@media (max-width:767px){.announcement-banner{padding:10px 40px 10px 16px}.announcement-banner__content{flex-direction:column;gap:var(--space-sm)}.announcement-banner__message{font-size:var(--text-xs)}.announcement-banner[data-font-size=large] .announcement-banner__message{font-size:var(--text-sm)}.announcement-banner__cta{font-size:var(--text-xs);padding:8px 16px}.announcement-banner__close{height:24px;right:8px;width:24px}.announcement-banner__icon{font-size:1.1em}}