.ivf-message-bar { box-sizing: border-box; width: 100%; background: var(--ivf-message-bar-background); color: var(--ivf-message-bar-text); padding: 12px 18px; text-align: center; font: inherit; }
.ivf-message-bar__inner { max-width: 1200px; margin: 0 auto; }
.ivf-message-bar__content { overflow-wrap: anywhere; }
.ivf-message-bar__content p { margin: 0; color: inherit; }
.ivf-message-bar__content p + p { margin-top: 0.4em; }
.ivf-message-bar__content a { color: var(--ivf-message-bar-link); text-decoration: underline; }

/* Isolated sticky and dismissible notification behaviour. */
.ivf-message-bar { position: sticky; top: 0; z-index: 99999; }
.ivf-message-bar__inner { position: relative; padding-right: 32px; padding-left: 32px; }
.ivf-message-bar__dismiss { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 0; border-radius: 4px; padding: 0; background: transparent; color: var(--ivf-message-bar-text); font: inherit; font-size: 24px; line-height: 1; cursor: pointer; }
.ivf-message-bar__dismiss:hover, .ivf-message-bar__dismiss:focus-visible { background: rgba(255,255,255,.15); }
.ivf-message-bar__dismiss:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.ivf-message-bar[hidden] { display: none; }
