.wire-stage{--wire-w:640;--wire-font:13;--wire:color-mix(in srgb, var(--navy) 16%, transparent);--wire-hot:color-mix(in srgb, var(--brand-surface) 70%, transparent);--wire-light:var(--brand-surface);--wire-tile-line:color-mix(in srgb, var(--navy) 11%, transparent);--wire-hub-line:color-mix(in srgb, var(--navy) 22%, transparent);width:100%;color:var(--navy);line-height:1.25;position:relative;container-type:inline-size}.wire-stage *{--u:calc(1 / var(--wire-w) * 100cqw)}.wire-stage>*{font-size:calc(var(--wire-font) * var(--u))}.wire-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wire-line{fill:none;stroke-width:1.25px;vector-effect:non-scaling-stroke;stroke-linecap:round}.wire-line[data-hot]{opacity:0;transition:opacity .5s var(--ease-out)}@media (hover:hover){.wire-stage:hover .wire-line[data-hot]{opacity:1}}.wire-light{offset-rotate:auto;offset-distance:0%;opacity:0;animation:wire-travel var(--wire-dur,6s) linear var(--wire-delay,0s) infinite}.wire-light line{stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round}.wire-light circle{fill:var(--wire-light)}@keyframes wire-travel{0%{offset-distance:0%;opacity:0}6%{opacity:1}94%{opacity:1}to{offset-distance:100%;opacity:0}}.wire-tile{left:calc(var(--wx) * var(--u));top:calc(var(--wy) * var(--u));width:calc(var(--ww) * var(--u));height:calc(var(--wh) * var(--u));border-radius:calc(11 * var(--u));border:1px solid var(--wire-tile-line);background:var(--bg-raised);white-space:nowrap;justify-content:center;align-items:center;gap:.55em;padding:0 1em;font-weight:600;display:flex;position:absolute;box-shadow:0 1px 2px #14142b0d}.wire-tile[data-align=end]{left:auto;right:calc((var(--wire-w) - var(--wx)) * var(--u))}.wire-tile[data-align=center]{translate:-50%}.wire-tile[data-auto]{width:auto;min-width:calc(var(--ww,0) * var(--u))}.wire-tile img,.wire-tile>svg{width:auto;max-width:3.4em;height:1.45em;display:block}.wire-tile[data-square]{padding:0}.wire-tile[data-square] img,.wire-tile[data-square]>svg{max-width:2.6em;height:1.9em}.wire-tile[data-square] img[data-wide]{width:76%;max-width:none;height:auto}.wire-caption{left:calc(var(--wx) * var(--u));top:calc(var(--wy) * var(--u));width:calc(var(--ww) * var(--u));font-size:calc(var(--wire-font) * var(--u) * .82);text-align:center;color:var(--text-muted);-webkit-hyphens:auto;hyphens:auto;font-weight:500;position:absolute;translate:-50%}.wire-hub{left:calc(var(--wx) * var(--u));top:calc(var(--wy) * var(--u));width:calc(var(--ww) * var(--u));height:calc(var(--wh) * var(--u));padding:calc(8 * var(--u));border-radius:calc(20 * var(--u));border:1px solid var(--wire-hub-line);background:var(--bg-raised);position:absolute;translate:-50% -50%}.wire-hub-inner{border-radius:calc(12 * var(--u));border:1px solid var(--wire-tile-line);background:var(--bg-raised);place-items:center;height:100%;display:grid}.wire-hub img{width:62%;height:auto;display:block}.wire-hub[data-mark] .wire-hub-inner{color:var(--brand-ink)}.wire-hub[data-mark]>.wire-hub-inner>svg{width:44%;height:auto}.wire-hub[data-pulse]:before{content:"";border-radius:inherit;border:1px solid color-mix(in srgb, var(--brand-surface) 55%, transparent);animation:wire-pulse 3.6s var(--ease-out) infinite;pointer-events:none;position:absolute;inset:-1px}.wire-hub[data-pulse] .wire-hub-inner>*{animation:3.6s ease-in-out infinite wire-breathe}@keyframes wire-pulse{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(1.22)}}@keyframes wire-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.wire-hub{transition:border-color .4s var(--ease-out)}@media (hover:hover){.wire-stage:hover .wire-hub{border-color:color-mix(in srgb, var(--brand-surface) 55%, transparent)}.wire-tile:hover{border-color:color-mix(in srgb, var(--brand-surface) 45%, transparent)}}@media (prefers-reduced-motion:reduce){.wire-light,.wire-hub[data-pulse]:before{display:none}.wire-hub[data-pulse] .wire-hub-inner>*{animation:none}.wire-line[data-hot],.wire-hub{transition:none}}