.arch-fig{--arch-inset:.75rem;--arch-label:2rem;--arch-dash:12px}.arch-fig__scroll{overflow-x:auto}.arch-fig__grid{grid-template-rows:auto 3.5rem auto;grid-template-columns:minmax(7.5rem,1fr) 2rem minmax(18rem,2.4fr) 2rem minmax(7.5rem,1fr);min-width:37rem;display:grid}.arch-fig__zone{animation:arch-fade var(--hv-dur-control,.2s) var(--hv-ease-response,ease-out);background:var(--hv-tint);border:1px dashed var(--hv-rule-strong);border-radius:var(--primitive-radius-12,12px);position:relative}.arch-fig__zone[data-area=artie]{background:var(--hv-tint-strong,var(--hv-tint));border-style:solid}.arch-fig__zone-label{color:var(--hv-ink-muted);font-size:var(--text-small-size);left:var(--arch-inset);line-height:var(--arch-label);right:var(--arch-inset);text-overflow:ellipsis;white-space:nowrap;position:absolute;top:0;overflow:hidden}.arch-fig[data-mode=cloud] .arch-fig__zone[data-area=source]{grid-area:3/1}.arch-fig[data-mode=cloud] .arch-fig__zone[data-area=artie]{grid-area:1/3/4}.arch-fig[data-mode=byoc] .arch-fig__zone[data-area=yours]{grid-area:3/1/4/4}.arch-fig[data-mode=byoc] .arch-fig__zone[data-area=artie]{grid-area:1/3}.arch-fig__zone[data-area=dest]{grid-area:3/5}.arch-fig.arch-fig .arch-fig__node{background:var(--hv-bg);border:1px solid var(--hv-rule-strong);color:var(--hv-ink);cursor:pointer;font:inherit;text-align:left;transition:border-color var(--hv-dur-feedback) var(--hv-ease-response), background-color var(--hv-dur-feedback) var(--hv-ease-response);z-index:1;align-content:center;gap:.125rem;padding:.625rem .75rem;display:grid;position:relative}.arch-fig.arch-fig .arch-fig__node:hover,.arch-fig.arch-fig .arch-fig__node[data-active]{background:var(--hv-surface);border-color:var(--hv-ink)}.arch-fig.arch-fig .arch-fig__node[data-active]{box-shadow:inset 0 0 0 1px var(--hv-ink)}.arch-fig__name{font-size:var(--text-body-size);white-space:nowrap;font-weight:500}.arch-fig__meta{color:var(--hv-ink-muted);font-size:var(--text-small-size)}.arch-fig__control,.arch-fig__source,.arch-fig__dest,.arch-fig__plane{margin:var(--arch-label) var(--arch-inset) var(--arch-inset)}.arch-fig__control{grid-area:1/3;justify-self:center;min-width:12rem}.arch-fig__source{grid-area:3/1}.arch-fig__dest{grid-area:3/5}.arch-fig__plane{background:var(--hv-bg);border:1px solid var(--hv-rule-strong);border-radius:var(--hv-radius-control,8px);gap:var(--space-stack-sm);z-index:1;grid-area:3/3;padding:.625rem .75rem .75rem;display:grid;position:relative}.arch-fig__plane-label{color:var(--hv-ink-secondary);font-size:var(--text-small-size);font-weight:500}.arch-fig__steps{align-items:center;display:flex}.arch-fig__steps .arch-fig__node{flex:none}.arch-fig__line{background:repeating-linear-gradient(90deg, var(--hv-ink-muted) 0 6px, transparent 6px var(--arch-dash));flex:1;min-width:1.25rem;height:2px;animation:.9s linear infinite arch-flow;display:block;position:relative}.arch-fig__line:after{border-block:5px solid #0000;border-left:7px solid var(--hv-ink-muted);content:"";position:absolute;top:-4px;right:-1px}.arch-fig__flow-in,.arch-fig__flow-out{margin-inline:calc(-1 * var(--arch-inset));margin-top:calc(var(--arch-label) - var(--arch-inset));align-self:center}.arch-fig__flow-in{grid-area:3/2}.arch-fig__flow-out{grid-area:3/4}.arch-fig.arch-fig .arch-fig__metadata{background:0 0;border:0;grid-area:2/3;justify-items:start;padding:0 0 0 calc(50% + .75rem)}.arch-fig.arch-fig .arch-fig__metadata:hover,.arch-fig.arch-fig .arch-fig__metadata[data-active]{box-shadow:none;background:0 0}.arch-fig.arch-fig .arch-fig__metadata[data-active] .arch-fig__meta,.arch-fig.arch-fig .arch-fig__metadata:hover .arch-fig__meta{color:var(--hv-ink)}.arch-fig__line--up{background:repeating-linear-gradient(0deg, var(--hv-ink-muted) 0 6px, transparent 6px var(--arch-dash));bottom:calc(-1 * var(--arch-label));min-width:0;height:auto;left:calc(50% - 1px);top:calc(-1 * var(--arch-inset));width:2px;animation-name:arch-rise;position:absolute}.arch-fig__line--up:after{border-bottom:7px solid var(--hv-ink-muted);border-inline:5px solid #0000;border-top:0;top:-1px;left:-4px;right:auto}@keyframes arch-flow{to{background-position-x:var(--arch-dash)}}@keyframes arch-rise{to{background-position-y:calc(-1 * var(--arch-dash))}}@keyframes arch-fade{0%{opacity:0}}.arch-fig__detail{border-top:1px solid var(--hv-rule);align-content:start;gap:var(--space-stack-xs);min-height:9rem;padding-top:var(--space-stack-lg);display:grid}.arch-fig__actions{align-items:center;gap:var(--space-stack-sm) var(--space-inline-lg);padding-top:var(--space-stack-xs);flex-wrap:wrap;display:flex}.arch-fig .home-v2__link{text-decoration:none}@media (prefers-reduced-motion:reduce){.arch-fig__line,.arch-fig__zone{animation:none}.arch-fig.arch-fig .arch-fig__node{transition:none}}
.backfill-fig__lanes{border-block:1px solid var(--hv-rule);gap:var(--space-stack-md);padding-block:var(--space-stack-lg);display:grid}.backfill-fig__lane{align-items:center;column-gap:var(--space-inline-lg);grid-template-columns:6.5rem minmax(0,1fr) auto;min-height:1.5rem;display:grid}.backfill-fig__name{color:var(--hv-ink-secondary);font-size:var(--text-body-size);white-space:nowrap}.backfill-fig__state{color:var(--hv-ink-muted);font-size:var(--text-small-size);font-variant-numeric:tabular-nums;white-space:nowrap}.backfill-fig__state[data-live]{color:var(--hv-label,var(--hv-accent-mark,var(--hv-green)));font-weight:500}.backfill-fig__batches{gap:var(--space-inline-xs);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.backfill-fig__batch{border:1px solid var(--hv-rule-strong);height:1.5rem;transition:background-color var(--hv-dur-control) var(--hv-ease-response), border-color var(--hv-dur-control) var(--hv-ease-response)}.backfill-fig__batch[data-copied]{background:var(--hv-rule-strong)}.backfill-fig[data-done] .backfill-fig__batch{background:var(--hv-green);border-color:var(--hv-green)}.backfill-fig__change{animation:backfill-enter var(--hv-dur-control,.2s) var(--hv-ease-response,ease-out) backwards}.backfill-fig[data-done] .backfill-fig__change{animation:backfill-apply .4s var(--hv-ease-response,ease-out) both}.backfill-fig__dest{background:linear-gradient(90deg, var(--hv-rule-strong) 0 50%, transparent 50%);border:1px solid var(--hv-rule-strong);background-size:200% 100%;height:1.5rem}.backfill-fig:not([data-done]) .backfill-fig__dest{animation:2.4s linear infinite backfill-load}.backfill-fig[data-done] .backfill-fig__dest{background:var(--hv-green);border-color:var(--hv-green)}@keyframes backfill-enter{0%{opacity:0;transform:translate(-.5rem)}}@keyframes backfill-apply{to{opacity:.35;border-style:dashed}}@keyframes backfill-load{0%{background-position-x:100%}to{background-position-x:0}}@container (max-width:30rem){.backfill-fig__lane{row-gap:var(--space-stack-xs);grid-template-columns:5.5rem minmax(0,1fr)}.backfill-fig__state{grid-column:2}}@media (prefers-reduced-motion:reduce){.backfill-fig .backfill-fig__change,.backfill-fig:not([data-done]) .backfill-fig__dest{background-position-x:50%;animation:none}.backfill-fig[data-done] .backfill-fig__change{opacity:.35;border-style:dashed;animation:none}.backfill-fig__batch{transition:none}}