#top-container {
    position: relative; 
    z-index: 1000;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2) !important;
}

#bottom-container {
    position: relative;
    z-index: 1000;
    background: var(--mud-palette-surface);
    box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.2) !important;
}

#middle-container {
    position: relative;
    z-index: 0;
    background-color: var(--mud-palette-background-gray);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
    overscroll-behavior: none;
    scrollbar-gutter: stable;
}
