.demos-page{font-family:Geist,system-ui,sans-serif;color:#0f1f33;background:#f6f7f2;font-size:16px;line-height:1.6}.demos-page .d{font-family:Bricolage Grotesque,system-ui,sans-serif}.demos-page .m{font-family:Geist Mono,ui-monospace,monospace}.demos-page a{color:#0f1f33;text-decoration:underline}.demos-page a:hover{color:#2b5fd9}.demos-page button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0}.demos-page ul{list-style:disc}.demos-page ol{list-style:decimal}.demos-page summary{display:list-item;cursor:pointer}.demos-page .chap{font:inherit;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.demos-page .chap:hover{border-color:#0f1f33!important}.demos-page .fade{animation:demos-fade .35s ease}@keyframes demos-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.demos-page .play{transition:transform .2s}.demos-page .screen:hover .play{transform:scale(1.06)}.demos-page .navbtn{font:inherit;cursor:pointer;transition:border-color .15s}.demos-page .navbtn:hover{border-color:#0f1f33!important}@media (prefers-reduced-motion:reduce){.demos-page .fade{animation:none}.demos-page .chap,.demos-page .navbtn,.demos-page .play{transition:none}}@media (max-width:720px){.demos-page .hpad{padding-left:20px!important;padding-right:20px!important}.demos-page .h1{font-size:44px!important}.demos-page .h2{font-size:34px!important}}