#wrapper .sticky {
  position: sticky;
  top: 0;
  z-index: 99;
  background: var(--background);
  container-type: scroll-state;
  container-name: sticky-nav;
}

@container sticky-nav scroll-state(stuck: top) {
  #wrapper #sticky-nav-container {
    width: 100%;
    background-color: var(--background);
    box-shadow: var(--shadow-bottom-xl);
  }
}