Sticky Category Links for Video Collections code not working with category titles on top

In following Becca's tutorial I did a test on my site.  I removed all css code on my site and just pasted the below one at a time to make sure no other code was interfering.

The Sidebar Category titles does not scroll when user scrolls with the first css code provided it stays on the side.  Great.

.lessons .nested-category-tree-wrapper {
position:sticky;
top:1rem
}
But, if I choose to have the sidebar category on the top, the below css code provided does not work. Not sure if the category-children needs another name but the first one works perfectly.  Not sure if this needs a section{data-section-id] to target it but i'm not sure how to tweak this.  I did ignore the background as it wasn't relevant. Can any one provide some insight.  Thanks in advance.

.lessons .nested-category-children{

position:sticky!important;

top:0;

z-index:99!important;

background:#FFF!important

}

Anyone.  I've now tried to target

section[data-section-id="65dd51a68e3d9b0a3e68567a"] {
.lessons-list .nested-category-children{
position: sticky!important;
top:0;
z-index:9999!important;
 background:#8EB6DC!important
  }
}
and though the background works the titles still don't stick.

I must not have the name of the category right or the list may be named something else that I am not aware of.

Can you share link to page?

Hi Tuanphan.  I gave up on this because even after purchasing Becca's cheat sheet, I still could not get it to work.