@property --as-notification-banner-height{syntax:"<length>";inherits:true;initial-value:0}as-notification-banner{align-items:center;background:var(--notification-banner-bg,var(--as-color-brand));display:flex;gap:var(--as-space-m);inset-block-start:0;inset-inline:0;justify-content:center;max-height:12.5rem;overflow:hidden;padding:var(--notification-banner-padding,10px) var(--as-space-xl);position:fixed;transition:max-height var(--as-time-s) ease,padding var(--as-time-s) ease,opacity var(--as-time-s) ease;z-index:var(--as-index-toast);.notification-banner__text{color:var(--as-color-text-inverted);color:var(--notification-banner-text-color-override,contrast-color(var(--notification-banner-bg,var(--as-color-brand))));flex:1;font-family:var(--as-font-regular);font-size:var(--as-font-size-m);font-weight:400;line-height:var(--as-line-height);min-width:0;text-align:center}.notification-banner__text>*{margin:0}.notification-banner__text a{
    /* !important: inherit alone loses to any inline color the rich text
       editor writes onto the <a> itself (pasted content, or its own link-
       color picker) — this makes sure the override/auto-contrast color
       set on .notification-banner__text always wins for links too. */color:inherit!important;text-decoration:underline}.notification-banner__close{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--as-space-xs)}.notification-banner__close,.notification-banner__close:active,.notification-banner__close:focus,.notification-banner__close:hover{background:transparent;border:none;color:var(--as-color-text-inverted);color:var(--notification-banner-text-color-override,contrast-color(var(--notification-banner-bg,var(--as-color-brand))))}.notification-banner__close:focus-visible{outline:var(--as-size-xxs) solid var(--as-color-highlight);outline-offset:var(--as-space-xxs)}}.hs-inline-edit as-notification-banner{position:static}as-notification-banner[dismissed]{max-height:0;opacity:0;padding-block:0;pointer-events:none}@media (prefers-reduced-motion:reduce){as-notification-banner{transition:none}}@media (max-width:30rem){as-notification-banner{padding-inline:var(--as-space-l)}}