.arch--live{gap:16px;container-name:arch-live}.live__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.live__kicker{font-family:var(--font-mono);color:var(--color\.text\.muted);margin:0;font-size:13px;font-weight:500;line-height:20px}.live__fire[hidden]{display:none}.live__grid{position:relative}.live__pk{z-index:2;background:var(--color\.primary);opacity:0;pointer-events:none;width:10px;height:10px;transition:translate steps(5,end);position:absolute;top:0;left:0}.live__pk.is-on{opacity:1}.live__grid .arch__node.is-hot{box-shadow:0 0 0 3px var(--color\.primary)}.live__grid .arch__node.is-ping{border-color:var(--color\.primary);box-shadow:inset 0 0 0 1px var(--color\.primary)}.live__grid .arch__node.is-fail{border:2px dashed var(--color\.primary)}.live__in{border-style:dashed}.live__phone{border:2px solid var(--color\.text\.default);background:var(--color\.surface);text-align:center;border-radius:20px;justify-content:flex-start;justify-self:center;gap:2px;width:min(100%,260px);padding:20px 10px 10px}.live__phone:before{content:"";background:var(--color\.text\.default);width:32px;height:4px;position:absolute;top:8px;left:calc(50% - 16px)}.live__msgs{text-align:left;flex-direction:column;gap:6px;margin-top:8px;display:flex}.live__msg{border-radius:var(--radius\.sm);background:var(--color\.container);overflow-wrap:anywhere;padding:6px 8px;font-size:12px;line-height:16px;display:block}.live__msg b{font-weight:700;display:block}.live__note{box-sizing:border-box;max-width:100%;display:grid}.live__note>span{grid-area:1/1}.live__note-fail{visibility:hidden}.live__note.is-fail{color:var(--color\.primary);border-color:var(--color\.primary)}.live__note.is-fail .live__note-idle{visibility:hidden}.live__note.is-fail .live__note-fail{visibility:visible}.live__log{font-family:var(--font-mono);color:var(--color\.text\.muted);flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;font-weight:500;line-height:20px;list-style:none;display:flex}.live__log .is-fail{color:var(--color\.primary)}.is-armed .live__msg:not(.is-shown),.is-armed .live__log li:not(.is-shown){visibility:hidden}@container arch-live (width<=300px){.arch--live .arch__node--prov{margin:0 2px;padding:8px 4px}.arch--live .arch__node--prov .arch__t{font-size:13px}}@container arch-live (width>=840px){.arch--live .arch__grid{grid-template-rows:repeat(3,1fr) auto;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1.1fr) 48px minmax(0,1fr) 44px minmax(0,1.05fr);grid-template-areas:". . . . .fo p1 fi cli""ev a1 in a2 orq fo p2 fi cli"". . . .pf fo p3 fi cli"". . . . . .nt nt nt"}.arch--live .arch__node{margin:12px 0}.arch--live .arch__pf{margin-left:0}.arch--live .arch__node--prov{margin:12px 0;padding:10px 12px}.arch--live .arch__node--prov .arch__t{font-size:15px}.arch--live .live__phone{justify-self:stretch;width:auto;margin:0}.arch--live .live__note{white-space:nowrap;justify-self:start}.arch--live .live__log{flex-flow:wrap;gap:4px 28px}.arch--live .arch__link{width:2px;height:24px;top:calc(100% + 1px);left:calc(50% - 1px)}.arch--live .arch__link:before{border:6px solid #0000;border-bottom:8px solid var(--arch-line);border-top-width:0;top:-1px;left:-5px}.arch--live .arch__link:after{border:6px solid #0000;border-top:8px solid var(--arch-line);border-bottom-width:0;inset:auto auto -1px -5px}.arch--live .arch__arrow:before{width:auto;height:2px;inset:calc(50% - 1px) 0 auto}.arch--live .arch__arrow:after{border:6px solid #0000;border-left:8px solid var(--arch-line);border-right-width:0;inset:calc(50% - 6px) -4px auto auto}.arch--live .arch__fan .fan-bus{width:2px;left:calc(50% - 1px);right:auto;top:calc(var(--a) - 1px);bottom:calc(100% - var(--b) - 1px);height:auto}.arch--live .arch__fan .fan-stub,.arch--live .arch__fan .fan-leg{width:auto;height:2px;bottom:auto}.arch--live .arch__fan .fan-stub{top:calc(50% - 1px)}.arch--live .arch__fan .fan-leg{top:calc(var(--p) - 1px)}.arch--live .arch__fan--out .fan-stub{left:0;right:50%}.arch--live .arch__fan--out .fan-leg{left:50%;right:0}.arch--live .arch__fan--out .fan-leg:after,.arch--live .arch__fan--in .fan-leg:after{content:"";border:6px solid #0000;border-left:8px solid var(--arch-line);border-right-width:0;width:0;height:0;position:absolute;inset:-5px -4px auto auto}.arch--live .arch__fan--in .fan-leg{left:0;right:0}.arch--live .arch__fan--in .fan-bus,.arch--live .arch__fan--in .fan-stub{display:none}}