/* All-seasons panorama behind the existing notification conveyor. */
#section-header .layer-news-scroller.seasonal-notification-band {
    --notification-band-height: 44px;
    bottom: 0;
    height: var(--notification-band-height);
    box-sizing: border-box;
    margin-bottom: 4px;
    padding: 0 16px 0 0;
    background-color: #062342;
    background-image: linear-gradient(to bottom, #00102318, #00102399 30%, #00102399 70%, #00102318), var(--notification-band-image);
    background-position: center;
    background-size: 100% 100%, 100% auto;
    background-repeat: no-repeat;
    border-radius: 999px;
    border-block: 1px solid #ffffff65;
    box-shadow: 0 0 12px #001a4050;
}
.seasonal-notification-band > .d-flex { min-width: 0; height: 100%; }
.seasonal-notification-band .notification-bell-circle {
    width: calc(var(--notification-band-height) - 2px);
    height: calc(var(--notification-band-height) - 2px);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 8px #0004;
}
.seasonal-notification-band .bell {
    color: #ff0000;
    font-size: 36px;
    line-height: 1;
    padding-top: 0;
    text-shadow: none;
}
.seasonal-notification-band .scroller-text {
    flex: 1;
    min-width: 0;
    background: transparent;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: center;
}
.seasonal-notification-band .scroller-text ul {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}
.seasonal-notification-band .scroller-text ul li { display: inline-block; }
.seasonal-notification-band .scroller-text.jctkr-wrapper ul {
    display: flex;
    align-items: center;
}
.seasonal-notification-band .scroller-text ul li,
.seasonal-notification-band .scroller-text a {
    color: #fff;
    text-shadow: 0 1px 3px #000;
}
.seasonal-notification-band .scroller-text a:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -2px;
}
@media (max-width: 767px) {
    #section-header .layer-news-scroller.seasonal-notification-band {
        --notification-band-height: 28px;
        padding: 0 12px 0 0;
    }
    .seasonal-notification-band .bell { font-size: 20px; }
}