.build{--p:0}@media (prefers-reduced-motion:reduce),(scripting:none){.build{--p:1!important}}.build .mock{aspect-ratio:16/10;width:100%;position:relative;container-type:inline-size}.build .t-xs{font-size:max(9px,1.35cqw)}.build .t-sm{font-size:max(9px,1.5cqw)}.build .canvas{background-image:radial-gradient(var(--color-gray-200) 1px, transparent 1px);background-size:2cqw 2cqw}.build .fx{opacity:calc(var(--t,1) - var(--o,0))}.build .fx-rise{opacity:var(--t);translate:0 calc((1 - var(--t)) * 3cqw)}.build .fx-pop{opacity:var(--t);scale:calc(.7 + .3 * var(--t))}.build .fill{transform:scaleX(var(--f));transform-origin:0}.build .guide-x{transform:scaleX(var(--t));transform-origin:0}.build .guide-y{transform:scaleY(var(--t));transform-origin:top}.build .draw{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--t))}.build .wf{pointer-events:none;opacity:calc(1 - var(--o,0));position:absolute;inset:0}.build .wf:before,.build .wf:after{content:"";border:0 solid var(--color-sky-500);position:absolute;inset:0}.build .wf:before{transform:scaleX(var(--t));transform-origin:0;border-top-width:1px;border-bottom-width:1px}.build .wf:after{transform:scaleY(var(--t));transform-origin:top;border-left-width:1px;border-right-width:1px}.build .sel{pointer-events:none;opacity:calc(var(--t) - var(--o));outline:1.5px solid var(--color-sky-500);position:absolute;inset:0}.build .sel i{aspect-ratio:1;border:1.5px solid var(--color-sky-500);background:#fff;width:max(6px,.9cqw);position:absolute;translate:-50% -50%}.build .sel i:first-child{top:0;left:0}.build .sel i:nth-child(2){top:0;left:100%}.build .sel i:nth-child(3){top:100%;left:0}.build .sel i:nth-child(4){top:100%;left:100%}.build .sel b,.build .label{background:var(--color-sky-500);color:#fff;font:500 max(9px, 1.2cqw) / 1.4 var(--font-mono);white-space:nowrap;border-radius:.4cqw;padding:.2cqw .7cqw;position:absolute;top:calc(100% + 1cqw);left:50%;translate:-50%}.build .type-text{clip-path:inset(-20% calc((1 - var(--t)) * 100%) -20% 0)}.build .caret{left:calc(var(--t) * 100%);opacity:var(--c)}.build .cursor{z-index:10;pointer-events:none;position:absolute;top:0;left:0}.build .cursor svg{filter:drop-shadow(0 1px 1px #00000026);width:max(12px,1.8cqw)}.build .cursor .tag{color:#fff;white-space:nowrap;border-radius:99px;padding:.25cqw .8cqw;font-size:max(10px,1.2cqw);font-weight:500;position:absolute;top:max(16px,2.4cqw);left:max(10px,1.5cqw)}.build .terminal{font-size:max(9px,1.5cqw);line-height:1.9}.build .terminal .line{opacity:var(--t);clip-path:inset(0 calc((1 - var(--t)) * 100%) 0 0)}.build .tint-blue{color:var(--color-sky-500);background-color:var(--color-sky-50)}.build .tint-emerald{color:var(--color-emerald-500);background-color:var(--color-emerald-50)}.build .tint-amber{color:var(--color-amber-500);background-color:var(--color-amber-50)}.build .fill.tint-blue,.build .fill.tint-emerald,.build .fill.tint-amber{background-color:currentColor}.build .pulse{opacity:var(--t)}.build .pulse:after{content:"";border-radius:inherit;border:1.5px solid var(--color-emerald-400);animation:2.4s ease-out infinite build-pulse;position:absolute;inset:0}@keyframes build-pulse{0%{opacity:.7;scale:1}to{opacity:0;scale:1.35}}@media (prefers-reduced-motion:reduce){.build .pulse:after{opacity:.4;animation:none}}.headline[data-astro-cid-du7dnaah]{font-size:3.4cqw;line-height:4.1cqw}.drag[data-astro-cid-du7dnaah]{translate:calc((1 - var(--d)) * 16cqw) calc((1 - var(--d)) * -6cqw);rotate:calc((1 - var(--d)) * 4deg)}.link[data-astro-cid-gklf2yoy]{stroke:color-mix(in srgb, var(--color-gray-300), var(--color-emerald-400) calc(var(--on,0) * 100%))}.panel-bg[data-astro-cid-gklf2yoy]{border:1px solid var(--color-gray-200);background:#fff;border-radius:1.2cqw;position:absolute;inset:0;box-shadow:0 1px 2px #0000000d}.panel-body[data-astro-cid-gklf2yoy]{padding:max(6px,2cqw);position:relative}.panel-title[data-astro-cid-gklf2yoy]{color:var(--color-gray-500);margin-bottom:max(3px,.7cqw);font-size:max(9px,1.3cqw);font-weight:600;line-height:1.4}