/*@container sticky-bar scroll-state(stuck: top) {
    .sticky-bar {
        padding-top:        1rem;      
    }
}
@media only screen and (max-width: 991px) {
    .sticky-bar {
        width:              100vw;
        margin-left:        calc(50% - 50vw);
        margin-right:       calc(50% - 50vw);
        padding-inline:     1rem;
    }
    @container sticky-bar scroll-state(stuck: top) {
        .sticky-bar {
            background:         #fff;
            padding:            1rem;      
            border-bottom:      1px solid #d9d9d9;
        }
    }
}*/
.sticky-bar.is-stuck {
    padding-top:    1rem;
}
@media only screen and (max-width: 991px) {
    .sticky-bar {
        width:              100vw;
        margin-left:        calc(50% - 50vw);
        margin-right:       calc(50% - 50vw);
        padding-inline:     1rem;
    }
    .sticky-bar.is-stuck {
        background:     #fff;
        padding:        1rem;
        border-bottom:  1px solid #d9d9d9;
    }
}