.stateful_diagram__lK8BV{padding:30px 0 58px 26px}.stateful_layout__KO03N{align-self:center;display:grid;grid-template-columns:96px 200px;align-items:center;column-gap:32px;row-gap:16px}.stateful_layout__KO03N[data-db]{padding-right:18px}.stateful_copy__xzps7[data-state=off]{opacity:.45;border-style:dashed}.stateful_copy__xzps7 small[data-held]{color:var(--c)}.stateful_diagram__lK8BV>svg line[data-kind=pin]{stroke:var(--c);stroke-width:2.5;stroke-linecap:round}.stateful_db__HkHcs{grid-column:2;position:relative;z-index:1;display:grid;gap:7px;padding:9px 10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--c) 40%,transparent);background:#0f141d;transition:border-color var(--dur-quick) var(--ease-out),background var(--dur-standard) var(--ease-out)}.stateful_db__HkHcs[data-on]{border-color:color-mix(in srgb,var(--c) 85%,transparent);background:color-mix(in srgb,var(--c) 7%,#0f141d)}.stateful_db__HkHcs header{display:flex;align-items:center;gap:7px}.stateful_db__HkHcs header>svg{color:var(--c)}.stateful_db__HkHcs header b{font-size:var(--text-2xs);font-weight:600;color:var(--fg)}.stateful_db__HkHcs header small{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--fg-faint)}.stateful_db__HkHcs p,.stateful_db__HkHcs ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:5px;height:18px}.stateful_db__HkHcs p{font-family:var(--font-mono);font-size:10px;color:var(--fg-faint)}.stateful_db__HkHcs li{display:inline-flex;align-items:center;gap:5px;height:18px;padding:0 6px;border-radius:5px;background:rgba(233,235,239,.05);font-family:var(--font-mono);font-size:10px;color:#e7ecf7;white-space:nowrap}.stateful_db__HkHcs li[data-more]{background:none;color:var(--fg-faint)}.stateful_db__HkHcs li i{width:6px;height:6px;border-radius:50%;background:#e2c08d;transition:background var(--dur-standard) var(--ease-out)}.stateful_db__HkHcs li[data-status=failed] i{background:#f58a8a}.stateful_db__HkHcs li[data-status=paid] i{background:#78ddb2}@media (max-height:700px){.stateful_diagram__lK8BV{padding:24px 0 50px 24px}.stateful_layout__KO03N{row-gap:12px}.stateful_db__HkHcs{padding-block:7px;gap:5px}}@media (max-width:1279px),(pointer:coarse){.stateful_diagram__lK8BV{--caption-left:20px;padding:18px 0 42px 20px}}@container scene (max-width: 520px){.stateful_diagram__lK8BV{--caption-left:12px;padding:8px 0 42px 12px}.stateful_layout__KO03N{grid-template-columns:auto 64px auto;justify-content:space-evenly;column-gap:14px;row-gap:10px}.stateful_layout__KO03N[data-db]{padding-right:16px}.stateful_client__L_hSI{grid-row:1}.stateful_layout__KO03N>ul{gap:6px}.stateful_layout__KO03N>ul>li{height:31px}.stateful_db__HkHcs{grid-column:3;padding:7px 9px;gap:6px;border-radius:10px}.stateful_db__HkHcs header>svg{width:13px;height:13px}.stateful_db__HkHcs header b{font-size:10.5px}.stateful_db__HkHcs li:has(+li:not([data-more])),.stateful_what__8ZOOe{display:none}.stateful_db__HkHcs li,.stateful_db__HkHcs p,.stateful_db__HkHcs ul{height:17px}.stateful_db__HkHcs li,.stateful_db__HkHcs p{font-size:9.5px}}