.eon-alertbar{display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:10px;padding:32px 0;background:var(--eon-grey-900,#262626);color:var(--eon-neutral100,#fff);border-left:0}
.eon-alertbar[hidden],.eon-alertbar__details[hidden],.eon-alertbar__toggle[hidden],.eon-alertbar__links[hidden]{display:none !important}
.eon-alertbar__row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;width:100%;max-width:1224px;padding:0 24px;box-sizing:border-box}
.eon-alertbar__message{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.eon-alertbar__label{display:flex;flex-direction:column;justify-content:center;align-self:stretch;margin:0;font-family:"EON Brix Sans",var(--eon-font-family,sans-serif);font-size:22px;font-style:normal;font-weight:500;line-height:27px;--eon-color-eon-white:var(--eon-color-system-feedback-inverted-warning,var(--eon-yellow500,#f2c400));color:var(--eon-color-system-feedback-inverted-warning,var(--eon-yellow500,#f2c400))}
.eon-alertbar__label,.eon-alertbar__label *,.eon-alertbar__label::part(text),.eon-alertbar__label::part(container){font-family:"EON Brix Sans",var(--eon-font-family,sans-serif) !important;font-size:22px !important;font-weight:500 !important;line-height:27px !important}
.eon-alertbar__title{display:block;align-self:stretch;margin:0;font-family:"EON Brix Sans",var(--eon-font-family,sans-serif);font-size:24px;font-style:normal;font-weight:700;line-height:32px;color:var(--eon-color-text-primary-inverted,#fff)}
.eon-alertbar__toggle{border:0;background:transparent;cursor:pointer;display:flex;align-items:center;align-self:stretch;justify-content:flex-start;gap:16px;margin-top:0;padding:0;text-align:left;color:var(--eon-color-text-primary-inverted,#fff)}
.eon-alertbar__toggle[aria-expanded="true"]{order:99}
.eon-alertbar__toggle__text--expanded{display:none}
.eon-alertbar__toggle[aria-expanded="true"] .eon-alertbar__toggle__text--collapsed{display:none}
.eon-alertbar__toggle[aria-expanded="true"] .eon-alertbar__toggle__text--expanded{display:inline}
.eon-alertbar__toggle__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;background:var(--eon-color-interactive-discreet-primary-default,#fff);border-radius:10px;--eon-color-eon-white:var(--eon-color-icon-interactive,var(--eon-red500,#ea1b0a));color:var(--eon-color-icon-interactive,var(--eon-red500,#ea1b0a));transition:transform .2s ease}
.eon-alertbar__toggle[aria-expanded="true"] .eon-alertbar__toggle__icon{transform:rotate(180deg)}
.eon-alertbar__toggle__text{color:var(--eon-color-text-primary-inverted,#fff)}
.eon-alertbar__toggle:focus-visible,.eon-alertbar__close:focus-visible,.eon-alertbar__details a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.eon-alertbar__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.eon-alertbar__toggle__icon{transition:none}
}
.eon-alertbar__details{margin-top:0;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:16px;color:var(--eon-color-text-primary-inverted,#fff)}
.eon-alertbar__details__body{display:block;align-self:stretch;font-family:"EON Brix Sans",var(--eon-font-family,sans-serif);font-size:20px;font-style:normal;font-weight:400;line-height:30px;color:var(--eon-color-text-primary-inverted,#fff)}
.eon-alertbar__details__body,.eon-alertbar__details__body p,.eon-alertbar__details__body span,.eon-alertbar__details__body li{font-family:"EON Brix Sans",var(--eon-font-family,sans-serif);font-size:20px;font-style:normal;font-weight:400;line-height:30px;color:var(--eon-color-text-primary-inverted,#fff)}
.eon-alertbar__details__body strong,.eon-alertbar__details__body b{font-weight:700}
.eon-alertbar__details__body em,.eon-alertbar__details__body i{font-style:italic}
.eon-alertbar__details__body p{margin:0 0 8px 0}
.eon-alertbar__details__body p:last-child{margin-bottom:0}
.eon-alertbar__details__body>:first-child{margin-top:0}
.eon-alertbar__details__body>:last-child{margin-bottom:0}
.eon-alertbar__links{list-style:none;margin:0;padding:0;align-self:stretch;display:flex;flex-direction:column;gap:16px}
.eon-alertbar__links__item{display:block;margin:0}
.eon-alertbar__links a,.eon-alertbar__link,.eon-alertbar__details__body a{display:inline-flex;align-items:center;gap:8px;color:var(--eon-color-text-primary-inverted,#fff);text-decoration:none;font-family:"EON Brix Sans",var(--eon-font-family,sans-serif);font-size:20px;font-style:normal;font-weight:400;line-height:30px}
.eon-alertbar__link__icon,.eon-alertbar__details__body a>eon-ui-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:13px;height:11px;--eon-color-eon-white:var(--eon-color-text-primary-inverted,#fff);color:var(--eon-color-text-primary-inverted,#fff)}
.eon-alertbar__link__icon::part(svg),.eon-alertbar__link__icon svg,.eon-alertbar__details__body a>eon-ui-icon::part(svg),.eon-alertbar__details__body a>eon-ui-icon svg{width:13px;height:11px}
.eon-alertbar__close{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;cursor:pointer;padding:0;flex:0 0 auto;color:inherit}
.eon-alertbar__close__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;--eon-color-eon-white:var(--eon-color-brand-evolution-4-neutral-neutral-100,var(--eon-neutral100,#fff));color:var(--eon-color-brand-evolution-4-neutral-neutral-100,var(--eon-neutral100,#fff))}
.eon-alertbar__close__text{display:flex;flex-direction:column;justify-content:center;align-self:stretch;text-align:right;font-family:"EON Brix Sans",var(--eon-font-family,sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:var(--eon-color-brand-evolution-4-neutral-neutral-100,var(--eon-neutral100,#fff))}
@media(max-width:40rem){.eon-alertbar__row{gap:12px;padding:0 16px}
.eon-alertbar__label{font-size:18px;line-height:27px}
.eon-alertbar__label,.eon-alertbar__label *,.eon-alertbar__label::part(text),.eon-alertbar__label::part(container){font-size:18px !important;line-height:27px !important}
.eon-alertbar__title{font-size:22px;line-height:30px}
.eon-alertbar__details__body,.eon-alertbar__details__body p,.eon-alertbar__details__body span,.eon-alertbar__details__body li{font-size:16px;line-height:24px}
}