:root{--pae-color-info-background:#e6f4ff;--pae-color-info-icon:#0056ac;--pae-color-info-text:#004085;--pae-color-info-link:#005a9c;--pae-color-warning-background:#fffbe6;--pae-color-warning-icon:#ffbf00;--pae-color-warning-text:#856404;--pae-color-warning-link:#856404}.pae-alert-banner{display:flex;padding:12px var(--pae-spacing-md);font-family:var(--pae-font-family-base);font-size:var(--pae-font-size-h5);position:relative;padding:12px 48px;justify-content:center;border-radius:var(--pae-border-radius-md)}.pae-alert-banner--info{background-color:var(--pae-color-info-background);color:var(--pae-color-info-text);border:1px solid var(--pae-color-info-text)}.pae-alert-banner--warning{background-color:var(--pae-color-warning-background);color:var(--pae-color-warning-text);border:1px solid var(--pae-color-warning-text)}.pae-alert-banner__center-group{display:flex}.pae-alert-banner__icon{margin-right:12px;width:25px;height:25px;float:left}.pae-alert-banner__content{font-weight:var(--pae-font-weight-bold);padding-top:3px;float:left}.pae-alert-banner--info .pae-alert-banner__icon{color:var(--pae-color-info-icon)}.pae-alert-banner--warning .pae-alert-banner__icon{color:var(--pae-color-warning-icon)}.pae-alert-banner__content{font-weight:var(--pae-font-weight-bold)}.pae-alert-banner__link{text-decoration:underline;text-transform:uppercase;font-weight:var(--pae-font-weight-normal);padding-left:var(--pae-spacing-lg)}.pae-alert-banner--info .pae-alert-banner__link{color:var(--pae-color-info-link)}.pae-alert-banner--warning .pae-alert-banner__link{color:var(--pae-color-warning-link)}.pae-alert-banner__close-button{position:absolute;right:16px;top:50%;transform:translateY(-50%);flex-shrink:0;padding:4px;background-color:transparent;border:none;cursor:pointer;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.pae-alert-banner--info .pae-alert-banner__close-button{color:var(--pae-color-info-text)}.pae-alert-banner--warning .pae-alert-banner__close-button{color:var(--pae-color-warning-text)}.pae-alert-banner__close-button:hover,.pae-alert-banner__close-button:focus{background-color:rgba(0,0,0,.1);outline:none}.pae-alert-banner__close-button svg{width:20px;height:20px}.pae-alert-banner.is-hidden{opacity:0;transform:translateY(-20px);visibility:hidden;padding-top:0;padding-bottom:0;margin:0;border:none;height:0;overflow:hidden}@media (max-width:64em){.pae-alert-banner{padding:12px 16px}.pae-alert-banner__close-button{right:6px}