.topo[data-v-7ee53678]{background:#050b0a;border:1px solid hsla(0,0%,100%,.12);box-shadow:0 20px 60px #0006;color:#fff;overflow:hidden;padding:28px 28px 32px;position:relative}.topo__lab[data-v-7ee53678]{color:#ffffff80;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;margin-bottom:8px;text-transform:uppercase}.topo__lab i[data-v-7ee53678]{color:var(--df-green-09);margin-right:4px;vertical-align:-1px}.topo__ttl[data-v-7ee53678]{color:#fff;font-family:var(--font-heading);font-size:18px;font-weight:500;margin:0 0 22px}.topo__ingress[data-v-7ee53678]{align-items:center;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.1);color:#ffffffc7;display:flex;font-family:var(--font-mono);font-size:11px;gap:10px;justify-content:center;margin:0 auto;max-width:280px;padding:10px 14px}.topo__ingress i[data-v-7ee53678]{color:var(--df-green-09);font-size:14px}.topo__line[data-v-7ee53678]{background:linear-gradient(180deg,#02c38280,#ffffff1a);height:22px;margin:0 auto;width:1px}.topo__nodes[data-v-7ee53678]{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.topo__node[data-v-7ee53678]{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.12);display:flex;flex-direction:column;gap:10px;padding:16px 14px;position:relative}.topo__node[data-v-7ee53678]:before{background:var(--df-green-09);content:"";height:2px;left:-1px;position:absolute;top:-1px;width:24px}.topo__node-head[data-v-7ee53678]{align-items:center;display:flex;gap:8px}.topo__node-head i[data-v-7ee53678]{color:var(--df-green-09);font-size:18px}.topo__node-nm[data-v-7ee53678]{color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:700}.topo__node-st[data-v-7ee53678]{background:#02c38226;color:var(--df-green-09);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;margin-left:auto;padding:2px 7px;text-transform:uppercase}.topo__pods[data-v-7ee53678]{display:flex;flex-direction:column;gap:4px}.topo__pod[data-v-7ee53678]{align-items:center;background:#ffffff0a;color:#ffffffd9;display:flex;font-family:var(--font-mono);font-size:11px;gap:8px;padding:6px 8px}.topo__pod i[data-v-7ee53678]{color:#ffffff80;font-size:12px}.topo__pod--web i[data-v-7ee53678]{color:#93c5fd}.topo__pod--api i[data-v-7ee53678]{color:var(--df-green-09)}.topo__pod--db i[data-v-7ee53678]{color:#fbbf24}.topo__pod--cache i[data-v-7ee53678]{color:#c084fc}.topo__footer[data-v-7ee53678]{border-top:1px solid hsla(0,0%,100%,.1);display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr;margin-top:22px;padding-top:18px}.topo__ft[data-v-7ee53678]{display:flex;flex-direction:column;gap:4px}.topo__ft-k[data-v-7ee53678]{color:#ffffff73;font-family:var(--font-sans);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.topo__ft-v[data-v-7ee53678]{color:#ffffffd9;font-family:var(--font-mono);font-size:12px}.topo__ft-v--ok[data-v-7ee53678]{color:var(--df-green-09)}@media(max-width:540px){.topo__nodes[data-v-7ee53678]{grid-template-columns:1fr}}