html{scroll-padding-top:5rem}.demo-js .demo-reveal{opacity:0;transition:opacity .45s cubic-bezier(.23,1,.32,1),transform .45s cubic-bezier(.23,1,.32,1);transform:translateY(12px)}.demo-js .demo-reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.demo-js .demo-reveal{opacity:1;transition:none;transform:none}}.nav-links a.is-active{text-underline-offset:.5em;text-decoration:underline;text-decoration-thickness:1px}.site-header .wrap.nav{padding-left:var(--wrap-pad,1.5rem);padding-right:var(--wrap-pad,1.5rem)}.demo-menu-toggle{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #80808066;border-radius:8px;flex-shrink:0;place-items:center;display:none;transition:scale .15s cubic-bezier(.23,1,.32,1)}.demo-menu-toggle:active{scale:.96}.demo-menu-toggle svg{grid-area:1/1;transition:opacity .3s cubic-bezier(.2,0,0,1),scale .3s cubic-bezier(.2,0,0,1),filter .3s cubic-bezier(.2,0,0,1)}.demo-menu-toggle .icon-close,.demo-menu-toggle[aria-expanded=true] .icon-open{opacity:0;scale:.25;filter:blur(4px)}.demo-menu-toggle[aria-expanded=true] .icon-close{opacity:1;scale:1;filter:blur(0)}@media (prefers-reduced-motion:reduce){.demo-menu-toggle svg{scale:1!important;filter:none!important;transition:opacity .15s ease}}@media (width<=799px){.site-header .wrap.nav{gap:.6rem;position:static}.site-header .logo{white-space:nowrap;font-size:1rem}.site-header .btn-cta--sm{white-space:nowrap;margin-left:auto;padding:.55rem .85rem;font-size:.78rem}.demo-menu-toggle{display:inline-grid}.site-header .nav-links.is-open{background:var(--demo-menu-bg,#fff);border-bottom:1px solid #8080804d;flex-direction:column;gap:0;padding:.5rem 1.5rem 1.25rem;font-size:1.05rem;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 18px 30px #0000002e;transition:opacity .2s cubic-bezier(.23,1,.32,1),translate .2s cubic-bezier(.23,1,.32,1)}@starting-style{.site-header .nav-links.is-open{opacity:0;translate:0 -.5rem}}.site-header .nav-links.is-open a{border-bottom:1px solid #80808038;padding:.95rem 0}.site-header .nav-links.is-open a:last-child{border-bottom:none}}@media (width<=420px){.site-header .wrap.nav{gap:.45rem;padding-left:1rem;padding-right:1rem}.site-header .nav-links.is-open{padding-left:1rem;padding-right:1rem}}.demo-bar{z-index:200;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f2c41f0;border-radius:999px;align-items:center;gap:.35rem;max-width:calc(100vw - 1.5rem);padding:.35rem .35rem .35rem .5rem;font:600 .82rem/1.2 system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.demo-bar a{text-decoration:none;position:relative;transition:scale .15s cubic-bezier(.23,1,.32,1),translate .15s cubic-bezier(.23,1,.32,1),background-color .15s ease,color .15s ease}.demo-bar a:after{content:"";position:absolute;inset:-.35rem 0}.demo-bar a:active{scale:.96}.demo-bar-back{color:#ffffffd9;white-space:nowrap;border-radius:999px;padding:.55rem .7rem .55rem calc(.7rem - 2px)}.demo-bar-back:hover{color:#fff;background:#ffffff1a}.demo-bar-text{color:#ffffffa6;white-space:nowrap;padding:0 .6rem;font-weight:500}.demo-bar-cta{color:#0f2c41;white-space:nowrap;background:#ffbf00;border-radius:999px;padding:.6rem 1.05rem}@media (hover:hover) and (pointer:fine){.demo-bar-cta:hover{background:#ffcb33;translate:0 -1px}}.site-footer{padding-bottom:5.5rem!important}@media (width<=640px){.demo-bar-text{display:none}}@media print{.demo-bar{display:none}}
@media (prefers-reduced-motion:reduce){.site-header .nav-links.is-open{translate:none!important}}