.graphql_diagram__PrrMo{--caption-left:40px;padding:0 0 58px 40px}.graphql_layout__Yrum7{display:grid;grid-template-columns:auto auto minmax(0,152px);grid-template-areas:"cdn mid services";justify-content:center;align-items:center;justify-items:center;column-gap:18px}.graphql_layout__Yrum7 .graphql_app__DEkCN{grid-area:app}.graphql_cdn__gHbrm{grid-area:cdn}.graphql_mid__qXGzE{grid-area:mid}.graphql_layout__Yrum7 .graphql_hub__wgMwV{width:92px}.graphql_layout__Yrum7 .graphql_hub__wgMwV>span{white-space:nowrap}.graphql_layout__Yrum7 .graphql_mid__qXGzE>span+span{margin:2px auto 0}.graphql_layout__Yrum7 .graphql_mid__qXGzE:not([data-load])>span+span{visibility:hidden}.graphql_layout__Yrum7 .graphql_mid__qXGzE[data-state=busy]{border-color:rgba(245,138,138,.6)}.graphql_layout__Yrum7 .graphql_mid__qXGzE[data-state=busy]>span{color:#f58a8a}.graphql_layout__Yrum7 .graphql_services__I46q_{grid-area:services;justify-self:stretch;max-width:140px;margin-left:12px}.graphql_card__s2UEQ{display:flex;flex-direction:column;height:112px;margin-top:16px;padding:7px 12px 8px;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:#0b0f17;font-family:var(--font-mono);font-size:11px;line-height:15px;color:var(--fg-dim)}.graphql_card__s2UEQ[data-empty]{visibility:hidden}.graphql_sent__sDKQe{margin:0;padding:0;list-style:none}.graphql_sent__sDKQe li{display:flex;justify-content:space-between;gap:10px;white-space:nowrap}.graphql_sent__sDKQe code{min-width:0;overflow:hidden;text-overflow:ellipsis;font:inherit;color:var(--fg)}.graphql_sent__sDKQe em{font-style:normal;color:var(--fg-faint)}.graphql_query__LdjY7{margin:0;font:inherit;white-space:pre;color:color-mix(in srgb,var(--c) 75%,var(--fg))}.graphql_query__LdjY7 span{display:block}.graphql_query__LdjY7 [data-fresh]{margin:0 -4px;padding:0 4px;border-radius:4px;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--fg)}.graphql_tally__yTgVN{margin:auto 0 0;padding-top:5px;border-top:1px solid var(--line);white-space:nowrap;color:var(--fg)}.graphql_card__s2UEQ:has(.graphql_query__LdjY7) .graphql_sent__sDKQe{display:none}@media (max-height:700px){.graphql_diagram__PrrMo{padding-bottom:50px}.graphql_card__s2UEQ{height:104px;margin-top:12px;line-height:14px}}@media (max-width:1279px),(pointer:coarse){.graphql_diagram__PrrMo{--caption-left:20px;padding:0 0 42px 20px}}@container (max-width: 330px){.graphql_layout__Yrum7{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cdn services" "mid services";row-gap:6px;column-gap:14px}}@container scene (max-width: 520px){.graphql_diagram__PrrMo{--caption-left:12px;padding:4px 0 42px 12px}.graphql_layout__Yrum7{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"app cdn services" ". mid services";justify-content:space-evenly;row-gap:9px;column-gap:12px}.graphql_layout__Yrum7 .graphql_hub__wgMwV{width:86px;padding-block:8px}.graphql_layout__Yrum7 .graphql_mid__qXGzE{padding-bottom:11px}.graphql_layout__Yrum7 .graphql_mid__qXGzE>span+span{position:absolute;left:50%;bottom:3px;margin:0;transform:translateX(-50%)}.graphql_layout__Yrum7 .graphql_long__5jitJ{display:none}.graphql_layout__Yrum7 .graphql_services__I46q_{margin-left:8px;gap:6px}.graphql_layout__Yrum7 .graphql_services__I46q_>li{height:31px;padding:0 9px;gap:7px}.graphql_layout__Yrum7 .graphql_services__I46q_ li b{font-size:11px}.graphql_card__s2UEQ{height:92px;margin-top:10px;padding:5px 9px 6px;font-size:10px;line-height:1.2}.graphql_tally__yTgVN{padding-top:3px}}