@font-face{font-family:Porta Sans;src:url('/fonts/PortaSans-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Porta Mono;src:url('/fonts/PixelCode-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--font-sans:'Porta Sans',system-ui,sans-serif;--font-mono:'Porta Mono',ui-monospace,monospace;--touch:44px;--ease:cubic-bezier(.22,.75,.25,1);--flow-progress:0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}img{display:block;max-width:100%;height:auto}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--focus,var(--accent,#45c39b));outline-offset:5px}::selection{background:var(--selection,#b6e1ce);color:var(--selection-ink,#15261f)}p,h1,h2,h3{margin:0}p{max-width:66ch}h1,h2,h3{text-wrap:balance}h1{letter-spacing:-.04em}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}porta-demo{display:block;width:100%;aspect-ratio:1/2.08;min-width:0}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;padding:12px 18px;background:#edf1f5;color:#171b22}.skip-link:focus{top:12px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}