.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:.9375rem;gap:.6rem 1.25rem;padding-block:.7rem;position:relative}.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.25rem;width:1.25rem}.alert-banner__button{flex:none}.alert-banner__close{align-items:center;border-radius:var(--jm-radius-pill);color:currentColor;display:inline-flex;height:2rem;justify-content:center;opacity:.75;transition:opacity var(--jm-transition);width:2rem}.alert-banner__close:hover{opacity:1}.alert-banner__close svg{height:.85rem;width:.85rem}.alert-banner--between .alert-banner__close,.alert-banner--center .alert-banner__close{margin-left:auto}@media (max-width:767px){.alert-banner__inner{text-align:center}.alert-banner__inner,.alert-banner__message{justify-content:center}}