mb-global-notification {
    display: block;
    position: sticky;
    top: 0;
    z-index: 2001;
    box-sizing: border-box;
    width: 100%;
    max-height: 35vh;
    overflow-y: auto;
    padding: 8px 16px;
    background: #fff3cd;
    color: #664d03;
    border-bottom: 1px solid #e6cf8b;
    font: 14px/1.5 "Open Sans", sans-serif;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

mb-global-notification[hidden] {
    display: none;
}

/* The content container already follows the expanded or collapsed side menu. */
mb-global-notification[layout="content"] {
    top: 60px;
    z-index: 1001;
}
@media (min-width: 768px) {
    /* The collapsed page keeps a 150px margin and its expanded width.
       Extend only the banner to the 51px menu edge and the right content edge. */
    .site-master .BCPanelNavBarCollapsed > mb-global-notification[layout="content"] {
        margin-left: -99px;
        width: calc(100% + 189px);
    }
}