.code-brand-mark{--brand-mark-duration:.7s;--brand-mark-ease:cubic-bezier(.32, .72, 0, 1);--bm-u:2.61px;--bc:var(--primary);transition:opacity var(--brand-mark-duration) var(--brand-mark-ease), --reach1 var(--brand-mark-duration) var(--brand-mark-ease), --reach2 var(--brand-mark-duration) var(--brand-mark-ease);display:block;overflow:visible}@property --reach1{syntax:"<number>";inherits:true;initial-value:1}@property --reach2{syntax:"<number>";inherits:true;initial-value:1}@keyframes bm-on{0%{visibility:visible}}@keyframes bm-off{0%{visibility:hidden}}@keyframes bm-hover-on{0%{visibility:visible}}@keyframes bm-hover-off{0%{visibility:hidden}}.code-brand-mark .bm-code-whole{visibility:hidden}.code-brand-mark:not([data-state=idle]) .bm-code-whole path:last-child{fill:var(--primary)}.code-brand-mark:is([data-state=idle],[data-state=intro],[data-state=done],[data-state=reverted]) .bm-code-whole{visibility:visible}.code-brand-mark:is([data-state=idle],[data-state=intro],[data-state=done],[data-state=reverted]) .bm-shake{visibility:hidden}.code-brand-mark[data-state=intro] .bm-shake{animation:1.18s step-end bm-on}.code-brand-mark[data-state=intro] .bm-code-whole{animation:1.18s step-end bm-off}.code-brand-mark[data-state=done] .bm-shake{animation:.97s step-end bm-on}.code-brand-mark[data-state=done] .bm-code-whole{animation:.97s step-end bm-off}.code-brand-mark[data-state=reverted] .bm-shake{animation:1.18s step-end bm-on}.code-brand-mark[data-state=reverted] .bm-code-whole{animation:1.18s step-end bm-off}.code-brand-mark :is(.bm-bracket-l,.bm-bracket-r){fill:currentColor;transition:transform var(--brand-mark-duration) var(--brand-mark-ease), opacity var(--brand-mark-duration) var(--brand-mark-ease)}.code-brand-mark .bm-bridge{--da0:25.5px 0px 25.5px 51px;stroke:var(--bc);stroke-dasharray:var(--da0);transform-box:fill-box;transform-origin:50%;transition:stroke .24s var(--brand-mark-ease), opacity .5s var(--brand-mark-ease)}.code-brand-mark .bm-bridge-2{--bm-lag:60ms}.code-brand-mark .bm-track{stroke:var(--bc);display:none}.code-brand-mark[data-state] .bm-bridge,.code-brand-mark[data-state] :is(.bm-bracket-l,.bm-bracket-r){animation:bm-settle var(--brand-mark-duration) var(--brand-mark-ease)}@keyframes bm-settle{0%{stroke-dashoffset:var(--from,0);stroke-dasharray:var(--fda,var(--da0,none))}}.code-brand-mark[data-state=intro] .bm-bracket-l{animation:bm-in-l var(--brand-mark-duration) var(--brand-mark-ease) backwards}.code-brand-mark[data-state=intro] .bm-bracket-r{animation:bm-in-r var(--brand-mark-duration) var(--brand-mark-ease) backwards}.code-brand-mark[data-state=intro] .bm-bridge{animation:bm-draw var(--brand-mark-duration) var(--brand-mark-ease) .42s backwards}.code-brand-mark[data-state=intro] .bm-bridge-2{animation-delay:.48s}@keyframes bm-in-l{0%{transform:translateX(calc(var(--bm-u) * -10));opacity:0}}@keyframes bm-in-r{0%{transform:translateX(calc(var(--bm-u) * 10));opacity:0}}@keyframes bm-draw{0%{stroke-dashoffset:51px}}.code-brand-mark[data-composition=lockup][data-state=intro] .bm-words{animation:bm-words var(--brand-mark-duration) var(--brand-mark-ease) .95s backwards}@keyframes bm-words{0%{opacity:0;transform:translate(-8px)}}.code-brand-mark:is([data-state=loading],[data-state=thinking]) .bm-bridge-1{animation:bm-settle var(--brand-mark-duration) var(--brand-mark-ease), bm-pull-1 1.6s ease-in-out infinite}.code-brand-mark:is([data-state=loading],[data-state=thinking]) .bm-bridge-2{animation:bm-settle var(--brand-mark-duration) var(--brand-mark-ease), bm-pull-2 1.6s ease-in-out infinite}@keyframes bm-pull-1{0%,50%,to{stroke-dashoffset:0}25%{stroke-dashoffset:28px}}@keyframes bm-pull-2{0%,50%,to{stroke-dashoffset:0}75%{stroke-dashoffset:-28px}}.code-brand-mark[data-state=done] .bm-bridge{animation:bm-settle var(--brand-mark-duration) var(--brand-mark-ease), bm-done .9s cubic-bezier(.3, 0, .3, 1) backwards}.code-brand-mark[data-state=done] .bm-bridge-2{animation-delay:0s,70ms}@keyframes bm-done{0%{stroke-dashoffset:var(--from,0)}22%{stroke-dashoffset:0;transform:scaleX(1.2)}48%{transform:scaleX(.95)}70%{transform:scaleX(1.02)}to{transform:none}}.code-brand-mark[data-state=error] .bm-bridge{stroke:var(--destructive);stroke-dashoffset:0;stroke-dasharray:19 13 19 51;animation:bm-snap .52s var(--brand-mark-ease) backwards}.code-brand-mark[data-state=error] .bm-bridge-2{animation-delay:70ms}@keyframes bm-snap{0%{stroke-dasharray:25.5 0 25.5 51;stroke:var(--bc);stroke-dashoffset:var(--from,0)}35%{stroke-dasharray:17 17 17 51}}.code-brand-mark[data-state=error] .bm-shake{animation:.46s cubic-bezier(.36,.07,.19,.97) 80ms bm-shake}@keyframes bm-shake{15%{transform:translateX(calc(var(--bm-u) * -4))}35%{transform:translateX(calc(var(--bm-u) * 3.5))}55%{transform:translateX(calc(var(--bm-u) * -2.5))}75%{transform:translateX(calc(var(--bm-u) * 1.5))}90%{transform:translateX(calc(var(--bm-u) * -.5))}}.code-brand-mark[data-state=warning] .bm-bridge-2{stroke:var(--warning);stroke-dasharray:19 13 19 51}.code-brand-mark[data-state=empty] .bm-track{opacity:.12;display:inline}.code-brand-mark[data-state=empty] .bm-bridge-1{stroke-dashoffset:calc(51px * var(--reach1))}.code-brand-mark[data-state=empty] .bm-bridge-2{stroke-dashoffset:calc(51px * var(--reach2))}.code-brand-mark[data-state=empty]:hover{--reach1:0;--reach2:0;transition:opacity var(--brand-mark-duration) var(--brand-mark-ease), --reach1 var(--brand-mark-duration) var(--brand-mark-ease), --reach2 var(--brand-mark-duration) var(--brand-mark-ease) 60ms}.code-brand-mark[data-state=provisioning] .bm-bracket-l{animation:bm-settle var(--brand-mark-duration) var(--brand-mark-ease), bm-prov-l 4.8s linear infinite backwards}.code-brand-mark[data-state=provisioning] :is(.bm-bracket-r,.bm-bridge){animation:bm-settle var(--brand-mark-duration) var(--brand-mark-ease), bm-prov-r 4.8s linear infinite backwards}@keyframes bm-prov-l{0%{opacity:.4}31.25%{opacity:1}87.5%{opacity:1}to{opacity:.4}}@keyframes bm-prov-r{0%{opacity:.4}31.25%{opacity:.4}62.5%{opacity:1}87.5%{opacity:1}to{opacity:.4}}.code-brand-mark[data-state=hibernated]{opacity:.4}.code-brand-mark[data-state=hibernated]:hover{opacity:1}.code-brand-mark[data-state=offline] :is(.bm-bracket-l,.bm-bracket-r){fill:var(--muted-foreground)}.code-brand-mark[data-state=offline] .bm-bridge{stroke:var(--muted-foreground);opacity:.3}.code-brand-mark[data-state=queued] .bm-track{opacity:.25;display:inline}.code-brand-mark[data-state=queued] .bm-bridge{stroke-dasharray:10 0 0 92;stroke-dashoffset:0;animation:1.6s ease-in-out infinite bm-queue}.code-brand-mark[data-state=queued] .bm-bridge-2{animation-delay:.2s}@keyframes bm-queue{0%,to{opacity:.2;stroke-dashoffset:4px}45%{opacity:1;stroke-dashoffset:0}}.code-brand-mark[data-state=responding] .bm-bridge-1{animation:bm-settle var(--brand-mark-duration) var(--brand-mark-ease), bm-write-1 2.6s ease-out infinite}.code-brand-mark[data-state=responding] .bm-bridge-2{animation:bm-settle var(--brand-mark-duration) var(--brand-mark-ease), bm-write-2 2.6s ease-out infinite}@keyframes bm-write-1{0%{stroke-dashoffset:51px;opacity:1}30%{stroke-dashoffset:0}85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes bm-write-2{0%,30%{stroke-dashoffset:51px;opacity:1}60%{stroke-dashoffset:0}85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.code-brand-mark[data-state=working] .bm-track{display:inline}.code-brand-mark[data-state=working] .bm-bridge{stroke:color-mix(in srgb, var(--primary) 45%, currentColor);animation:bm-settle var(--brand-mark-duration) var(--brand-mark-ease), bm-travel 1.6s ease-in-out infinite backwards}.code-brand-mark[data-state=working] .bm-bridge-2{animation-delay:0s,.8s}@keyframes bm-travel{0%{stroke-dasharray:12 0 0 90;stroke-dashoffset:12px}50%,to{stroke-dasharray:12 0 0 90;stroke-dashoffset:-51px}}.code-brand-mark[data-state=waiting] .bm-bridge-2{animation:bm-settle var(--brand-mark-duration) var(--brand-mark-ease), bm-wait 2.4s ease-in-out infinite}@keyframes bm-wait{0%,to{opacity:1}50%{opacity:.3}}.code-brand-mark[data-state=cancelled] :is(.bm-bracket-l,.bm-bracket-r){fill:var(--muted-foreground);transition:stroke var(--brand-mark-duration) var(--brand-mark-ease), fill var(--brand-mark-duration) var(--brand-mark-ease)}.code-brand-mark[data-state=cancelled] .bm-bridge{stroke:var(--muted-foreground);animation:bm-cancel var(--brand-mark-duration) var(--brand-mark-ease) forwards;transition:none}.code-brand-mark[data-state=cancelled] .bm-bridge-2{animation-delay:60ms;animation-fill-mode:both}@keyframes bm-cancel{0%{stroke-dashoffset:var(--from,0);stroke:var(--fst,var(--bc))}40%{stroke-dashoffset:14px}to{stroke-dashoffset:0;stroke:var(--muted-foreground)}}.code-brand-mark[data-state=reverted] .bm-bridge{animation:bm-rewind .38s cubic-bezier(.55, 0, .8, .4) both, bm-redraw .62s var(--brand-mark-ease) .44s forwards;transition:none}.code-brand-mark[data-state=reverted] .bm-bridge-2{animation-delay:60ms,.5s}.code-brand-mark[data-state=reverted] :is(.bm-bracket-l,.bm-bracket-r){animation:bm-nudge .9s var(--brand-mark-ease)}@keyframes bm-rewind{0%{stroke-dashoffset:var(--from,0)}to{stroke-dashoffset:51px}}@keyframes bm-redraw{0%{stroke-dashoffset:51px}to{stroke-dashoffset:0}}@keyframes bm-nudge{35%{transform:translateX(calc(var(--bm-u) * -3))}}.code-brand-mark[data-state=idle] :is(.bm-bridge,.bm-bracket-l,.bm-bracket-r){animation:none}.code-brand-mark[data-state=idle] .bm-bridge[style*=--from]{animation:bm-settle var(--brand-mark-duration) var(--brand-mark-ease)}.code-brand-mark[data-state=idle]:hover .bm-shake{animation:.76s step-end bm-hover-on}.code-brand-mark[data-state=idle]:hover .bm-code-whole{animation:.76s step-end bm-hover-off}.code-brand-mark[data-state=idle]:has(.bm-bridge[style*=--from]) .bm-shake{animation:bm-on var(--brand-mark-duration) step-end}.code-brand-mark[data-state=idle]:has(.bm-bridge[style*=--from]) .bm-code-whole{animation:bm-off var(--brand-mark-duration) step-end}.code-brand-mark[data-state=idle]:hover .bm-bridge{animation:bm-hover .7s var(--brand-mark-ease) var(--bm-lag,0s)}.code-brand-mark[data-state=idle]:hover .bm-bridge[style*=--from]{animation:bm-settle var(--brand-mark-duration) var(--brand-mark-ease), bm-hover .7s var(--brand-mark-ease) var(--bm-lag,0s)}.code-brand-mark[data-state=idle]:hover:has(.bm-bridge[style*=--from]) .bm-shake{animation:bm-on var(--brand-mark-duration) step-end, bm-hover-on .76s step-end}.code-brand-mark[data-state=idle]:hover:has(.bm-bridge[style*=--from]) .bm-code-whole{animation:bm-off var(--brand-mark-duration) step-end, bm-hover-off .76s step-end}@keyframes bm-hover{35%{stroke-dashoffset:22px}}@media (prefers-reduced-motion:reduce){.code-brand-mark,.code-brand-mark *{transition:none!important;animation:none!important}}