.demo-root{background:var(--background);color:var(--foreground);font-family:var(--font-body),ui-sans-serif,system-ui,sans-serif;min-height:100vh}.demo-root h1,.demo-root h2,.demo-root h3,.demo-root h4,.demo-root .font-display{font-family:var(--font-heading),ui-sans-serif,system-ui,sans-serif}html:has(#demo-root){scroll-padding-top:var(--demo-chrome-h,52px)}.demo-frame-wrap{--demo-chrome-h:44px}@media (min-width:768px){.demo-frame-wrap{--demo-chrome-h:52px}}@media (prefers-reduced-motion:reduce){.demo-root *,.demo-root :before,.demo-root :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}