.how-made-links{max-width:none;margin:var(--space-1) 0 0;color:var(--ink-2);font-size:var(--step--1);line-height:1.4}:root:not([data-how-made-ready]) .how-made-links{visibility:hidden}.how-made-links__noscript{margin:var(--space-1) 0 0;color:var(--ink-2);font-size:var(--step--1)}.how-made-link{padding:var(--space-1) 0;color:var(--ink);font:inherit;font-weight:var(--weight-label);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:.25em;cursor:pointer;transition:text-decoration-color var(--motion) var(--easing);background:0 0;border:0;text-decoration-thickness:1px}.how-made-link:hover{text-decoration-color:var(--ink)}.how-made-link:focus-visible,.how-made__node:focus-visible,.how-made__item:focus-visible,.how-made a:focus-visible,.how-made__check summary:focus-visible{outline:var(--focus-ring);outline-offset:2px}.details.how-made{width:min(67.5rem,100vw - 2rem);height:calc(100svh - 2rem);max-height:calc(100svh - 2rem)}.how-made code{font-family:var(--font-code);font-size:.875em}.how-made a{color:var(--ink);text-decoration-color:var(--ink-2);text-underline-offset:.2em}.how-made__header{padding-block-end:var(--space-3)}.how-made__intro{max-width:56ch;margin:var(--space-1) 0 0;color:var(--ink-2);font-size:var(--step--1);line-height:1.5}.how-made__body{align-items:start;gap:var(--space-5);min-height:0;padding:0 var(--space-4) var(--space-5);overscroll-behavior:contain;flex:auto;grid-template-columns:11rem minmax(0,1fr);display:grid;overflow:auto;container-type:size}.how-made__map{max-height:100cqh;padding-top:var(--space-4);overscroll-behavior:contain;position:sticky;top:0;overflow-y:auto}.how-made__map ol{border-left:1px solid var(--rule);margin:0;padding:0;list-style:none}.how-made__map a{padding:var(--space-1) 0 var(--space-1) var(--space-3);color:var(--ink-2);transition:color var(--motion) var(--easing);font-size:.8125rem;line-height:1.35;text-decoration:none;display:block;position:relative}.how-made__map a:hover{color:var(--ink)}.how-made__map a[aria-current=step]{color:var(--ink);font-weight:var(--weight-label)}.how-made__map a[aria-current=step]:before{top:var(--space-1);bottom:var(--space-1);background:var(--ink);content:"";width:3px;position:absolute;left:-2px}.how-made__number{font-variant-numeric:tabular-nums}.how-made__story{min-width:0}.how-made__section{gap:var(--space-2);padding-block:var(--space-4);border-bottom:1px solid var(--rule);scroll-margin-top:0;display:grid}.how-made__section:focus{outline:none}.how-made__section>*,.how-made__trust>*{margin:0}.how-made__count{color:var(--ink-2);font-size:.75rem}.how-made__section h3,.how-made__trust h3{font-size:var(--step-1);font-weight:var(--weight-heading);line-height:1.3}.how-made__section>p:not([class]),.how-made__section [data-how-made-text]{max-width:60ch;font-size:.9375rem;line-height:1.55}.how-made__links{max-width:60ch;color:var(--ink-2);font-size:var(--step--1);overflow-wrap:anywhere;line-height:1.6}.how-made__label{color:var(--ink-2)}.how-made__diagram{gap:var(--space-3);min-width:0;margin-top:var(--space-2);display:grid}.how-made__bar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.how-made__zoom{align-items:center;gap:var(--space-1);border:0;min-inline-size:0;margin:0;padding:0;display:flex}.how-made__zoom-button{min-width:2rem;height:2rem;padding:0 var(--space-2);border:1px solid var(--rule);border-radius:var(--radius-small);background:var(--ground);color:var(--ink);font:inherit;cursor:pointer;place-items:center;font-size:.8125rem;line-height:1;display:grid}.how-made__zoom-button:hover:not([aria-disabled=true]){background:var(--panel)}.how-made__zoom-button:focus-visible{outline:var(--focus-ring);outline-offset:2px}.how-made__zoom-button[aria-disabled=true]{color:var(--ink-2);opacity:.5;cursor:default}.how-made__zoom-all{margin-inline-start:var(--space-1)}.how-made__zoom-readout{min-width:3.5em;color:var(--ink-2);font-family:var(--font-code);text-align:center;font-size:.75rem}.how-made__key{gap:var(--space-1) var(--space-3);color:var(--ink-2);flex-wrap:wrap;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.how-made__swatch{width:1.125rem;height:.6875rem;border:1.2px solid var(--ink-2);background:var(--raised);vertical-align:-1px;border-radius:3px;margin-inline-end:var(--space-2);display:inline-block}.how-made__swatch[data-kind=input]{border-style:dashed}.how-made__swatch[data-kind=file]{border-color:var(--ink);background:var(--ink)}.how-made__canvas{max-height:min(44rem,100svh - 14rem);padding:var(--space-2);overscroll-behavior:contain;touch-action:pan-x pan-y;border:1px solid var(--rule);border-radius:var(--radius-small);background:var(--panel);overflow:auto}.how-made__svg{max-width:none;height:auto;margin-inline:auto;display:block}.how-made__edge{fill:none;stroke:var(--rule);stroke-width:1.6px;transition:stroke var(--motion) var(--easing)}.how-made__edge[data-on]{stroke:var(--ink)}.how-made__arrowhead{fill:var(--ink-2)}.how-made__node{cursor:pointer}.how-made__node:focus:not(:focus-visible){outline:none}.how-made__node rect{fill:var(--raised);stroke:var(--ink-2);stroke-width:1.2px;transition:stroke-width var(--motion) var(--easing)}.how-made__node[data-kind=input] rect{stroke-dasharray:4 3}.how-made__node[data-kind=file] rect{fill:var(--ink);stroke:var(--ink)}.how-made__node:hover rect,.how-made__node[aria-pressed=true] rect{stroke:var(--ink)}.how-made__node[aria-pressed=true] rect{stroke-width:2.5px}.how-made__node .how-made__name{fill:var(--ink);font-family:var(--font-code);font-size:12.5px;font-weight:600}.how-made__node .how-made__function{fill:var(--ink-2);font-family:var(--font-code);font-size:11.5px}.how-made__node[data-kind=file] text{fill:var(--ground)}.how-made__list{margin:0;padding:0;list-style:none;display:none}.how-made__list li{padding-block-end:var(--space-3);position:relative}.how-made__list li:not(:last-child):after{height:var(--space-3);border-left:1.6px solid var(--rule);content:"";position:absolute;bottom:0;left:1.25rem}.how-made__item{width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1.2px solid var(--ink-2);background:var(--raised);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:5px;display:grid}.how-made__list [data-kind=input] .how-made__item{border-style:dashed}.how-made__list [data-kind=file] .how-made__item{border-color:var(--ink);background:var(--ink);color:var(--ground)}.how-made__item[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.how-made__item .how-made__name,.how-made__item .how-made__function{font-family:var(--font-code);overflow-wrap:anywhere;font-size:.8125rem}.how-made__item .how-made__name{font-weight:600}.how-made__item .how-made__function{opacity:.8}.how-made__detail{align-content:start;gap:var(--space-2);min-width:0;scroll-margin-top:var(--space-2);font-size:.9375rem;line-height:1.55;display:grid}.how-made__detail:empty{display:none}.how-made__detail>*{max-width:60ch;margin:0}.how-made__kind{color:var(--ink-2);font-size:.8125rem}.how-made__name-title{font-size:var(--step-0);font-weight:var(--weight-heading);overflow-wrap:anywhere}@media (width>=1024px){.how-made__diagram[data-selected]{align-items:start;column-gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(14rem,18rem)}.how-made__bar{grid-column:1/-1}.how-made__diagram[data-selected] .how-made__canvas{grid-area:2/1}.how-made__diagram[data-selected] .how-made__detail{top:var(--space-2);max-height:calc(100cqh - var(--space-2));grid-area:2/2;position:sticky;overflow-y:auto}}.how-made__trust{gap:var(--space-2);padding-block:var(--space-4) var(--space-3);font-size:.9375rem;line-height:1.55;display:grid}.how-made__trust p{max-width:60ch}.how-made__check{color:var(--ink-2);font-size:var(--step--1);line-height:1.5}.how-made__check summary{width:fit-content;padding-block:var(--space-1);color:var(--ink);font-weight:var(--weight-label);cursor:pointer}.how-made__facts{gap:var(--space-1) var(--space-3);margin:var(--space-3) 0;grid-template-columns:max-content minmax(0,1fr);display:grid}.how-made__facts dt{color:var(--ink-2)}.how-made__facts dd{color:var(--ink);overflow-wrap:anywhere;margin:0}.how-made__files{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.how-made__files li{gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--rule);display:grid}.how-made__files p{margin:0}.how-made__file{color:var(--ink);font-weight:600}.how-made__bytes{font-variant-numeric:tabular-nums}.how-made__hash code{color:var(--ink);overflow-wrap:anywhere}@media (width<=767.98px){.details.how-made{border:0;border-radius:0;width:100%;height:100%;max-height:none;margin:0}.how-made__body{padding:0 var(--space-3) var(--space-5);grid-template-columns:minmax(0,1fr);gap:0}.how-made__map,.how-made__zoom,.how-made__canvas{display:none}.how-made__list{display:block}}