:root{--demo-blue:#51b0e3;--demo-blue-hover:#60b7e8;--demo-label-size:.875rem;--demo-inline-space:calc(11em / 7)}.demo-button.demo-button{padding:.5em var(--demo-inline-space);font-size:var(--demo-label-size);letter-spacing:normal;white-space:nowrap;background:var(--demo-blue);color:#fff;justify-content:center;align-items:center;font-weight:400;line-height:1.2;transition:background-color .16s;display:inline-flex}.demo-button.demo-button:hover{background:var(--demo-blue-hover)}.demo-button.demo-button--large{font-size:min(calc(var(--demo-label-size) * 1.4), 6cqw);padding:.55em 1.1em}@media (max-width:1000px){:root{--demo-label-size:.75rem;--demo-inline-space:1em}}.menu-toggle{display:none}.nav-demo{display:contents}@media (max-width:1000px){header.site-header{flex-direction:row;align-items:center}.menu-toggle{color:#111;cursor:pointer;background:#fff;border:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-left:auto;padding:.5rem;display:flex}.menu-toggle:focus-visible{outline-offset:3px;outline:2px solid #111}header.site-header nav{top:100%;right:var(--menu-right,0px);width:max-content;max-width:calc(100% - var(--menu-right,0px));outline-offset:-1px;max-height:calc(100dvh - var(--header-height,7rem));overscroll-behavior:contain;background:#fff;outline:1px solid #fff;gap:0;margin:0;padding:0;display:none;position:absolute;left:auto;overflow-y:auto;box-shadow:0 .75rem 1rem #00000030}header.site-header nav[data-open=true]{flex-direction:column;align-items:stretch;gap:0;display:flex}header.site-header nav a,header.site-header nav .demo-button{text-align:left;border-bottom:1px solid #fff;justify-content:flex-start;width:100%;padding:.75em 1em;font-size:1.125rem;line-height:1.35}header.site-header nav .nav-demo a{border-bottom:0}header.site-header nav a:active,header.site-header nav a[data-selected=true],header.site-header nav .nav-demo[data-selected=true] a{color:#111;box-shadow:none;background:#fff;transition:none}}@media (min-width:801px) and (max-width:1000px){header.site-header{padding-bottom:1.3125rem}}@media (max-width:800px){header.site-header{padding-bottom:.875rem}}