._3cPIeq_map{--map-blue:#00aced;--map-line:#42c8f5;--map-surface:var(--background);color:var(--foreground);flex-shrink:0;margin:0 2rem;container-type:inline-size}._3cPIeq_canvas{isolation:isolate;padding:32px 24px 40px;position:relative}._3cPIeq_canvas:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--map-blue) 18%, transparent) .7px, transparent .7px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 72%);mask-image:radial-gradient(#000 25%,#0000 72%)}._3cPIeq_context{justify-content:center;gap:24px;max-width:816px;margin:0 auto;display:flex}._3cPIeq_node{z-index:1;border:1px solid color-mix(in srgb, var(--map-blue) 12%, var(--border));background:var(--card);min-width:0;min-height:64px;color:var(--card-foreground);text-align:left;font:inherit;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:border-color .18s,box-shadow .18s,background-color .18s;display:flex;position:relative;box-shadow:0 3px 14px #0c395b05}button._3cPIeq_node,a._3cPIeq_node{cursor:pointer}button._3cPIeq_node:hover,a._3cPIeq_node:hover{box-shadow:0 4px 20px #00aced12}button._3cPIeq_node:is(:not([data-readiness]),[data-readiness=ready]):hover,a._3cPIeq_node:hover{border-color:var(--map-blue)}._3cPIeq_node:focus-visible,._3cPIeq_stateAction:focus-visible{outline:2px solid var(--map-blue);outline-offset:4px}._3cPIeq_context ._3cPIeq_node{flex:1;max-width:256px;min-height:72px}._3cPIeq_node[data-readiness=loading],._3cPIeq_node[data-readiness=preparing]{border-color:var(--map-blue)}._3cPIeq_node[data-readiness=partial]{border-color:var(--warning)}._3cPIeq_node[data-readiness=failed],._3cPIeq_node[data-readiness=unavailable]{border-color:var(--destructive)}._3cPIeq_icon{stroke-width:1.6px;flex-shrink:0;width:28px;height:28px}._3cPIeq_nodeCopy{flex-direction:column;gap:4px;min-width:0;display:flex}._3cPIeq_nodeLabel{overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.35}._3cPIeq_chevron{width:15px;height:15px;color:var(--muted-foreground);flex-shrink:0;margin-left:auto}._3cPIeq_flow{grid-template-columns:1fr 144px 1fr;align-items:center;gap:24px;margin-top:64px;display:grid}._3cPIeq_flow>._3cPIeq_node{justify-self:start;width:min(100%,190px)}._3cPIeq_outputs{justify-self:end;gap:26px;width:min(100%,164px);display:grid}._3cPIeq_hub{background:var(--map-surface);border:1px solid #42c8f580;border-radius:50%;place-items:center;width:144px;height:144px;display:grid;position:relative}._3cPIeq_hub:before{content:"";border-radius:inherit;background:#00aced05;border:1px solid #42c8f540;position:absolute;inset:8px}._3cPIeq_hubCore{color:#fff;letter-spacing:-1px;background:linear-gradient(150deg,#3ed2f7,#00aced 65%);border-radius:50%;place-items:center;width:112px;height:112px;font-size:29px;font-weight:700;line-height:1;display:grid;position:relative;box-shadow:0 0 26px #00aced14}._3cPIeq_hubLogo{width:75%;height:auto}._3cPIeq_portRight,._3cPIeq_portBottom,._3cPIeq_portLeft{border:1.5px solid var(--map-blue);background:var(--map-surface);width:8px;height:8px;box-shadow:0 0 0 4px var(--map-surface);border-radius:50%;position:absolute}._3cPIeq_portRight{top:calc(50% - 4px);right:-4px}._3cPIeq_portBottom{bottom:-4px;left:calc(50% - 4px)}._3cPIeq_portLeft{top:calc(50% - 4px);left:-4px}._3cPIeq_providersSection{margin-top:38px}._3cPIeq_providersLabel{z-index:1;background:var(--map-surface);width:fit-content;color:var(--muted-foreground);margin:0 auto 38px;padding:0 10px;font-size:12px;line-height:18px;position:relative}._3cPIeq_providers{grid-template-columns:repeat(var(--provider-columns), minmax(0, 1fr));width:min(100%, calc(var(--provider-columns) * 196px + (var(--provider-columns) - 1) * 24px));gap:24px;margin:0 auto;display:grid}._3cPIeq_state{text-align:center;color:var(--muted-foreground);min-height:64px;font-size:14px;position:relative}._3cPIeq_stateAction{min-height:44px;color:var(--foreground);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}._3cPIeq_stateAction:hover{color:var(--map-blue)}._3cPIeq_skeletons{gap:24px;max-width:636px;margin:auto;display:flex}._3cPIeq_skeletons>span:not(:first-child){background:var(--muted);border-radius:12px;flex:1;height:64px;animation:1s ease-in-out 3 _3cPIeq_loading}._3cPIeq_lines{pointer-events:none;width:100%;height:100%;color:var(--map-line);position:absolute;inset:0;overflow:visible}._3cPIeq_line{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}._3cPIeq_pulse{fill:none;stroke:var(--map-blue);stroke-width:4px;stroke-linecap:round;stroke-dasharray:.007 .993;stroke-dashoffset:1px;opacity:0;animation:2.8s ease-in-out _3cPIeq_flow}@keyframes _3cPIeq_flow{0%{stroke-dashoffset:1px;opacity:0}15%,80%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes _3cPIeq_loading{50%{opacity:.45}}.dark ._3cPIeq_map{--map-line:#fff;--map-surface:var(--background)}.dark ._3cPIeq_node{box-shadow:0 4px 16px #00000018}@container (max-width:800px){._3cPIeq_canvas{padding-inline:8px}._3cPIeq_context{gap:16px}._3cPIeq_context ._3cPIeq_node{gap:9px;padding:12px}._3cPIeq_context ._3cPIeq_icon{width:23px;height:23px}._3cPIeq_chevron{display:none}._3cPIeq_providers ._3cPIeq_node{gap:8px;padding:14px 10px}._3cPIeq_providers ._3cPIeq_icon{width:24px;height:24px}}@container (max-width:580px){._3cPIeq_canvas{padding:24px 0 28px}._3cPIeq_context{grid-template-columns:1fr 1fr;gap:14px;max-width:360px;display:grid}._3cPIeq_context ._3cPIeq_node{justify-self:center;width:100%;max-width:180px;min-height:66px}._3cPIeq_context ._3cPIeq_node:only-child{grid-column:1/-1}._3cPIeq_context ._3cPIeq_nodeLabel{font-size:12px}._3cPIeq_context ._3cPIeq_icon{width:22px;height:22px}._3cPIeq_flow{grid-template-columns:1fr 100px 1fr;gap:14px;margin-top:64px}._3cPIeq_hub{width:100px;height:100px}._3cPIeq_hubCore{width:76px;height:76px;font-size:22px}._3cPIeq_hub:before{inset:5px}._3cPIeq_flow ._3cPIeq_node{gap:7px;min-height:54px;padding:12px 8px}._3cPIeq_flow>._3cPIeq_node{text-align:center;flex-direction:column;width:80px}._3cPIeq_flow ._3cPIeq_nodeLabel{font-size:12px}._3cPIeq_flow ._3cPIeq_icon{width:20px;height:20px}._3cPIeq_outputs{gap:20px;max-width:90px}._3cPIeq_providersSection{margin-top:40px}._3cPIeq_providers{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:360px}._3cPIeq_providers[data-single=true]{grid-template-columns:1fr;max-width:180px}._3cPIeq_providers ._3cPIeq_nodeLabel{font-size:12px}._3cPIeq_skeletons{gap:12px}}@media (max-width:767px){._3cPIeq_map{margin:0 1rem}}@media (prefers-reduced-motion:reduce){._3cPIeq_pulse,._3cPIeq_skeletons>span:not(:first-child){animation:none}._3cPIeq_node{transition:none}}
