@layer components-base{.section{--s-upd:0svh;--s-und:0svh;--s-mh:0svh;--s-h:auto;--s-ped:50svh;--s-ned:50svh;--s-st:0svh;display:grid;grid-auto-rows:1fr;grid-template-areas:"sticky_content";grid-template-columns:1fr;grid-template-rows:auto;margin-bottom:calc(var(--s-und)*-1);margin-top:calc(var(--s-upd)*-1);min-height:calc(var(--s-mh) + var(--s-upd) + var(--s-und));position:relative;scroll-margin:calc(var(--s-upd)*-1)}.section:after{content:"";display:block;height:calc(var(--s-upd) + var(--s-und) + var(--s-st))}.section:has(.section__layer:not(.section__layer--sticky)):after{height:var(--s-und)}.section--under-previous{--s-upd:100svh}.section--under-next{--s-und:100svh}.section--under-next+.section--under-previous{margin-top:calc(-100svh - var(--s-upd))}.section--full-height{--s-mh:100svh;--s-h:100svh}.section--no-overflow{clip-path:inset(var(--s-upd) 0 calc(var(--s-und) - 1px) 0)}.section--above{z-index:1}.section:has(.section__layer--to-sticky){padding-top:var(--s-ped)}.section:has(.section__layer--to-sticky) .section__layer:not(.section__layer--sticky){margin-top:calc(var(--s-ped)*-1)}.section:has(.section__layer--from-sticky){padding-bottom:var(--s-ned)}.section:has(.section__layer--from-sticky) .section__layer:not(.section__layer--sticky){margin-bottom:calc(var(--s-ned)*-1)}}