body:has(.demo-scroll-layout),html:has(.demo-scroll-layout){overflow-x:clip}html:has(.demo-scroll-layout){scroll-padding-block:calc(var(--demo-scroll-inset, 0px) + 12px) 24px}.demo-scroll-layout{--demo-header-offset:0px;--demo-controls-offset:0px}.demo-scroll-layout [data-demo-sticky][data-sticky-enabled=true]{position:sticky;align-self:start}.demo-scroll-layout [data-demo-sticky=header]{top:0;z-index:30;background:var(--lp-ground)}.demo-scroll-layout [data-demo-sticky=controls]{top:var(--demo-header-offset);z-index:20;padding-block:8px;background:var(--lp-ground);box-shadow:0 1px 0 var(--lp-line-soft)}.demo-scroll-layout [data-demo-sticky=context]{top:calc(var(--demo-header-offset) + 16px)}.demo-scroll-layout [data-sticky-below-controls]{top:calc(var(--demo-header-offset) + var(--demo-controls-offset) + 16px)}.demo-scroll-layout :is(button,select,summary,a,[tabindex]){scroll-margin-block:8px 24px}