.build-spot{z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--color-glow-2) 55%, transparent), transparent 72%);transition:opacity .5s var(--ease-out);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.build-composer:hover .build-spot{opacity:1}}.build-transmit{background:var(--color-signal);opacity:0;transform-origin:0;pointer-events:none;border-radius:1px;height:1.5px;position:absolute;inset:-1px 0 auto;transform:scaleX(0)}.build-transmit[data-on=true]{animation:build-transmit 1.5s var(--ease-expo) both}@keyframes build-transmit{0%{opacity:1;transform:scaleX(0)}70%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.build-chip{border:1px solid var(--color-line-2);border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-paper) 55%, transparent);height:2.5rem;color:var(--color-ink-2);letter-spacing:.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out), color .2s var(--ease-out), box-shadow .2s var(--ease-out), transform .15s var(--ease-out);align-items:center;gap:.625rem;padding:0 .75rem 0 .625rem;font-size:.8125rem;font-weight:450;display:inline-flex;position:relative}@media (min-width:640px){.build-chip{height:2.25rem}}.build-chip:active{transform:scale(.97)}.build-chip[aria-pressed=true]{border-color:var(--color-signal);background:color-mix(in srgb, var(--color-glow-2) 55%, transparent);color:var(--color-ink);box-shadow:0 6px 18px -10px color-mix(in srgb, var(--color-signal) 55%, transparent)}@media (hover:hover){.build-chip:hover{border-color:var(--color-ink);color:var(--color-ink)}.build-chip[aria-pressed=true]:hover{border-color:var(--color-signal)}}.build-chip-mark{border:1px solid var(--color-ink-4);width:.75rem;height:.75rem;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out);border-radius:2px;place-items:center;display:grid}.build-chip-mark svg{width:.625rem;height:.625rem;overflow:visible}.build-chip-mark path{stroke:var(--color-paper);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9;stroke-dashoffset:9px;transition:stroke-dashoffset .14s var(--ease-out)}.build-chip[aria-pressed=true] .build-chip-mark{border-color:var(--color-signal);background:var(--color-signal)}.build-chip[aria-pressed=true] .build-chip-mark path{stroke-dashoffset:0;transition:stroke-dashoffset .32s var(--ease-out) 60ms}.build-keys{display:none}@media (hover:hover) and (pointer:fine) and (min-width:640px){.build-keys{display:inline-flex}}.build-field{border-bottom:1px solid var(--color-line-2);transition:border-color .2s var(--ease-out);align-items:center;gap:.75rem;display:flex;position:relative}.build-field input:focus-visible{outline:none}.build-field:hover{border-bottom-color:var(--color-ink-4)}.build-field-line{background:var(--color-signal);transform-origin:0;height:1.5px;transition:transform .52s var(--ease-expo);position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.build-field:focus-within .build-field-line{transform:scaleX(1)}.build-field-key{opacity:0;filter:blur(3px);transition:opacity .24s var(--ease-out), filter .24s var(--ease-out), transform .24s var(--ease-out);display:none;transform:translate(4px)}@media (hover:hover) and (pointer:fine){.build-field-key{display:inline-flex}}.build-field:focus-within .build-field-key{opacity:1;filter:blur();transform:translate(0)}.build-swap{place-items:center;display:inline-grid}.build-swap>[data-icon]{grid-area:1/1;place-items:center;transition:opacity .25s ease-in-out,filter .25s ease-in-out,transform .25s ease-in-out;display:inline-grid}.build-swap[data-state=a]>[data-icon=b],.build-swap[data-state=b]>[data-icon=a]{opacity:0;filter:blur(2px);transform:scale(.6)}.build-swap-text{justify-items:start}.build-swap-text>[data-icon]{transform-origin:0;place-items:center start}.build-check svg{display:block;overflow:visible}.build-check svg path{stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:21;stroke-dashoffset:21px}.build-check[data-state=in]{animation:build-check-rotate .5s var(--ease-out) both, build-check-blur .5s var(--ease-out) both, build-check-bob .5s var(--ease-bounce) both}.build-check[data-state=in] svg path{animation:build-check-draw .5s var(--ease-out) 80ms forwards}@keyframes build-check-rotate{0%{rotate:80deg}to{rotate:0deg}}@keyframes build-check-blur{0%{filter:blur(4px)}to{filter:blur()}}@keyframes build-check-bob{0%{translate:0 7px}to{translate:0}}@keyframes build-check-draw{to{stroke-dashoffset:0}}.build-digit{animation:build-digit-in .455s var(--ease-out) both;display:inline-block}@keyframes build-digit-in{0%{opacity:0;filter:blur(.05em);transform:translateY(.14em)}}.build-reticle-corners{transition:transform .62s var(--ease-expo);position:absolute;inset:0}.build-reticle-corners>span{border:0 solid color-mix(in srgb, var(--color-ink) 50%, transparent);width:16px;height:16px;transition:border-color .26s var(--ease-out);position:absolute}.build-reticle-corners>span:first-child{border-top-width:1px;border-left-width:1px;top:0;left:0}.build-reticle-corners>span:nth-child(2){border-top-width:1px;border-right-width:1px;top:0;right:0}.build-reticle-corners>span:nth-child(3){border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.build-reticle-corners>span:nth-child(4){border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.build-reticle[data-lock=true] .build-reticle-corners{transform:scale(.955)}.build-reticle[data-lock=true] .build-reticle-corners>span{border-color:var(--color-signal)}.build-tether{background:var(--color-line-2);pointer-events:none;height:1px;position:absolute;container-type:inline-size}.build-tether:before,.build-tether:after{content:"";border:1px solid var(--color-ink-3);background:var(--color-paper);width:5px;height:5px;transition:border-color .26s var(--ease-out), background-color .26s var(--ease-out);position:absolute;top:-2px}.build-tether:before{left:-2px}.build-tether:after{right:-2px}.build-tether[data-flow=in]:after,.build-tether[data-flow=burst]:after{border-color:var(--color-signal);background:var(--color-signal)}.build-tether>i{background:var(--color-signal);opacity:0;width:14px;height:2px;animation:build-flow var(--flow,3.4s) linear infinite;animation-delay:calc(var(--flow,3.4s) * var(--i) / -3);border-radius:1px;position:absolute;top:-.5px;left:0}.build-tether[data-flow=out]>i:not(:first-child){display:none}.build-tether[data-flow=in]{--flow:1.5s}.build-tether[data-flow=burst]{--flow:.6s}.build-tether[data-flow=in]>i,.build-tether[data-flow=burst]>i{animation-direction:reverse}@keyframes build-flow{0%{opacity:0;transform:translate(0)}14%,86%{opacity:1}to{opacity:0;transform:translate(calc(100cqw - 14px))}}.build-tether.build-route{--flow:2.8s;flex:1 1 0;min-width:2rem;position:relative}.build-tether.build-route>i{animation-direction:alternate;animation-timing-function:var(--ease-in-out)}.build-link{transition:color .2s var(--ease-out);text-decoration:none;position:relative}.build-link:after{content:"";transform-origin:0;height:1px;transition:transform .42s var(--ease-expo);background:currentColor;position:absolute;inset:auto 0 -3px;transform:scaleX(0)}@media (hover:hover){.build-link:hover:after,.group\/link:hover .build-link:after{transform:scaleX(1)}}.build-link:focus-visible:after{transform:scaleX(1)}.build-social-plate{transition:border-color .2s var(--ease-out), box-shadow .3s var(--ease-out)}.build-social-plate>svg{transition:transform .3s var(--ease-out)}@media (hover:hover){.build-social:hover .build-social-plate{border-color:var(--color-ink)}.build-social:hover .build-social-plate>svg{transform:translateY(-1px)}}.build-social:active .build-social-plate>svg{transform:scale(.94)}@media (prefers-reduced-motion:reduce){.build-social-plate>svg{transition:none;transform:none!important}}.build-canvas{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#000 0% 80%,#0000 98%),linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%);mask-image:linear-gradient(#000 0% 80%,#0000 98%),linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.build-still{transition:opacity .9s var(--ease-expo)}.build-still[data-live=true]{opacity:0}.build-still-ring{transform-box:fill-box;transform-origin:50%;animation:36s linear infinite build-still-turn}.build-still-ring[data-dir=back]{animation-duration:52s;animation-direction:reverse}@keyframes build-still-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.build-transmit[data-on=true],.build-check[data-state=in],.build-check[data-state=in] svg path,.build-digit,.build-still-ring{animation:none!important}.build-check svg path{stroke-dashoffset:0}.build-tether>i{display:none}.build-swap>[data-icon],.build-reticle-corners,.build-field-line{transition:none!important}}