.alert-banner{background-color:var(--jm-emergency);color:var(--jm-white)}.alert-banner--secondary{background-color:var(--jm-secondary)}.alert-banner--brand{background-color:var(--jm-primary)}.alert-banner--dark{background-color:var(--jm-dark)}.alert-banner[hidden]{display:none}.alert-banner__inner{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.4rem 1rem;line-height:1.35;min-height:2.5rem;padding-block:.4rem;position:relative}.alert-banner__inner--dismissible{padding-right:3rem}.alert-banner--center .alert-banner__inner{justify-content:center;text-align:center}.alert-banner--between .alert-banner__inner{justify-content:space-between}.alert-banner__message{align-items:center;display:flex;font-weight:600;gap:.6rem;margin:0}.alert-banner .alert-banner__message,.alert-banner .alert-banner__message span{color:var(--jm-white)}.alert-banner__icon{fill:currentColor;flex:none;height:1.05rem;width:1.05rem}.alert-banner__button{flex:none}.alert-banner__close{align-items:center;background-color:hsla(0,0%,100%,.18);border-radius:var(--jm-radius-pill);color:var(--jm-white);display:inline-flex;height:1.75rem;justify-content:center;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);transition:background-color var(--jm-transition);width:1.75rem}.alert-banner__close:hover{background-color:hsla(0,0%,100%,.32)}.alert-banner__close:focus-visible{outline:2px solid var(--jm-white);outline-offset:2px}.alert-banner__close svg{height:.7rem;stroke-width:2.5;width:.7rem}@media (max-width:767px){.alert-banner__inner{text-align:center}.alert-banner__inner,.alert-banner__message{justify-content:center}}