@font-face{font-family:Archivo;src:url('/fonts/archivo-400-900.woff2?v=20260916-2235') format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:Instrument Sans;src:url('/fonts/instrument-sans-400.woff2?v=20260916-2235') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Instrument Sans;src:url('/fonts/instrument-sans-600.woff2?v=20260916-2235') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:IBM Plex Mono;src:url('/fonts/ibm-plex-mono-400.woff2?v=20260916-2235') format('woff2');font-weight:400;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.demo-bar{position:relative;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 4vw;background:#1d2a26;color:#f3f3ee;font:400 12px/1.5 'Instrument Sans',sans-serif;letter-spacing:0;text-transform:none;border:0}
.demo-bar a{color:inherit;text-decoration:none;white-space:nowrap}.demo-bar a:hover{text-decoration:underline}.demo-bar>span{opacity:.8;text-align:center}.demo-bar a:last-child{font-weight:600}
.demo-embedded .demo-bar{display:none!important}.demo-embedded{scroll-behavior:auto;scrollbar-width:none}.demo-embedded::-webkit-scrollbar{display:none}
.demo-skip{position:fixed;top:12px;left:12px;z-index:1000;padding:13px 20px;background:#1d2a26;color:#f3f3ee;font:600 14px/1.5 'Instrument Sans',sans-serif;text-decoration:none;transform:translateY(-180%);border:1px solid #f3f3ee;border-radius:3px}
.demo-skip:focus{transform:none;outline:3px solid #d12f26;outline-offset:3px}
main{min-width:0}main [id],main[id]{scroll-margin-block-start:96px}summary{cursor:pointer}summary:focus-visible{outline-offset:3px}
header nav a{min-height:44px;display:inline-flex;align-items:center}
.demo-embedded main [id],.demo-embedded main[id]{scroll-margin-block-start:24px}
@media(max-width:680px){.demo-bar{font-size:12px;gap:12px;padding:11px 20px;flex-wrap:wrap}.demo-bar>span{order:3;width:100%;font-size:11px;text-align:left}.demo-bar a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}