@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@600&display=swap");*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}h1,h2,h3,h4{font-family:Hanken Grotesk,Inter,system-ui,sans-serif}a{color:var(--c-link)}a:hover{color:var(--c-link-hover)}canvas,img,svg,video{max-width:100%;height:auto}button,input,select,textarea{font-family:inherit}input,select,textarea{border-color:var(--c-border);transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--c-focus)!important;box-shadow:0 0 0 1px var(--c-focus)}.dir-layout{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;align-items:start}@media (min-width:720px){.dir-layout{grid-template-columns:minmax(0,220px) minmax(0,1fr)}}