.sd{border:1px solid var(--line-hair);background:#f8fafc;border-radius:16px;padding:20px 16px}@media (min-width:640px){.sd{padding:28px 24px}}.sd-body{--pad:12px;padding-inline:var(--pad)}@media (min-width:640px){.sd-body{--pad:16px}}.sd-node{border:1px solid var(--line-hair);background:#fff;border-radius:10px;height:100%;padding:10px}@media (min-width:640px){.sd-node{padding:12px 14px}}@media (max-width:379px){.sd{padding:16px 10px}.sd-body{--pad:6px}.sd-node{padding:8px 6px}.sd-node p{font-size:12px}}.sd-api{background:#f2f7fc;border:1px solid #004d994d;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.sd-cloud{margin-inline:calc(-1 * var(--pad));padding:0 var(--pad) var(--pad);position:relative}.sd-cloud:before{content:"";pointer-events:none;border:1px dashed #004d9959;border-radius:14px;position:absolute;inset:12px 0 0}.sd-wire{transform-origin:50% 0;background:#004d9973;justify-self:center;width:1px;height:24px;display:block}.motion .sd-wire{animation:sd-wire .42s var(--ease-draw) backwards;animation-delay:var(--d,0s)}@keyframes sd-wire{0%{transform:scaleY(0)}}