.flowDiagram{--flow-border: var(--color-grey-neutral-300);--flow-band-block-size: 4.5rem;--flow-card-inline-padding: var(--space-4);--flow-card-block-padding: var(--space-4);--flow-card-body-block-padding: var(--space-6);--flow-card-section-gap: var(--space-6);background:var(--color-white);color:var(--color-text)}@media(max-width: 62.4375em){.flowDiagram{--flow-band-block-size: 3rem;--flow-card-inline-padding: var(--space-3);--flow-card-block-padding: var(--space-3);--flow-card-body-block-padding: var(--space-4);--flow-card-section-gap: var(--space-4)}}.flowDiagram .grid{row-gap:0}.flowDiagram__flow{background:var(--color-bg);grid-column:1/-1;padding:var(--space-8)}.flowDiagram.theme-gradient-skyward .flowDiagram__flow,.flowDiagram.theme-gradient-sunrise .flowDiagram__flow{background-image:linear-gradient(color-mix(in srgb, var(--color-white) 80%, transparent), color-mix(in srgb, var(--color-white) 80%, transparent)),var(--color-bg-image)}.flowDiagram__footnotes{background:var(--color-white);border-block-start:1px solid var(--flow-border);color:var(--color-grey-neutral-600);grid-column:1/-1;padding:var(--space-6) var(--space-8)}.flowDiagram__row{display:grid;gap:0;grid-template-columns:1fr;margin-inline:auto}.flowDiagram__row--pair{grid-template-columns:1fr 1fr}@media(min-width: 62.5em){.flowDiagram__row--wide{inline-size:65%}.flowDiagram__row--half{inline-size:50%;margin-inline:0 auto}}.flowDiagram__card{background:var(--color-white);border:1px solid var(--flow-border);display:flex;flex-direction:column;min-inline-size:0}.flowDiagram__row--pair>.flowDiagram__card+.flowDiagram__card{border-inline-start:none}@media(max-width: 62.4375em){.flowDiagram__row--stack{grid-template-columns:1fr}.flowDiagram__row--stack>.flowDiagram__card+.flowDiagram__card{border-block-start:none;border-inline-start:1px solid var(--flow-border)}}.flowDiagram__card-header{align-items:center;background:var(--color-black);color:var(--color-white);display:flex;gap:var(--space-2);justify-content:space-between;padding:var(--flow-card-block-padding) var(--flow-card-inline-padding)}.flowDiagram__card-eyebrow{--lh: var(--lh-loose);--lts: var(--lts-normal);color:var(--color-grey-neutral-300)}.flowDiagram__card-title{--lh: var(--lh-fine);color:var(--color-white);text-wrap:pretty}.flowDiagram__card-icon{block-size:2.5rem;flex-shrink:0;inline-size:auto;object-fit:contain}.flowDiagram__card-body{display:flex;flex-direction:column;gap:var(--flow-card-section-gap);padding:var(--flow-card-body-block-padding) var(--flow-card-inline-padding)}.flowDiagram__card-label{margin-block-end:var(--space-1)}.flowDiagram__card-text{overflow-wrap:anywhere;text-wrap:pretty}.flowDiagram__status{--flow-status-bg: var(--color-grey-neutral-100);--flow-status-fg: var(--color-grey-neutral-600);--flow-status-optical-shift: 0.8px;--fw: var(--fw-medium);align-items:center;background:var(--flow-status-bg);border-block-start:1px solid var(--flow-border);color:var(--flow-status-fg);display:flex;gap:var(--space-2);margin-block-start:auto;padding-block:calc(var(--space-2) - 1px + var(--flow-status-optical-shift)) calc(var(--space-2) - var(--flow-status-optical-shift));padding-inline:var(--flow-card-inline-padding)}.flowDiagram__status--success{--flow-status-bg: var(--color-status-green-50);--flow-status-fg: var(--color-status-green-600)}.flowDiagram__status--info{--flow-status-bg: var(--color-status-blue-50);--flow-status-fg: var(--color-status-blue-600)}.flowDiagram__status-dot{background:currentcolor;block-size:.375rem;border-radius:var(--bdrs-full);flex-shrink:0;inline-size:.375rem;transform:translateY(calc(var(--flow-status-optical-shift) * -1))}.flowDiagram__callout{background:var(--color-progress-purple-100);color:var(--color-progress-purple-800);margin-block:var(--space-8);margin-inline:auto;padding:var(--space-4) var(--flow-card-inline-padding);text-wrap:pretty}@media(min-width: 62.5em){.flowDiagram__callout{inline-size:65%}}.flowDiagram__connector{block-size:var(--flow-band-block-size);color:var(--color-black);position:relative}.flowDiagram__connector-svg{block-size:100%;display:block;inline-size:100%;overflow:visible}.flowDiagram__connector-svg line{stroke:currentcolor;stroke-width:1}@media(max-width: 62.4375em){.flowDiagram__connector-svg--desktop{display:none}}@media(min-width: 62.5em){.flowDiagram__connector-svg--mobile{display:none}}

/*# sourceMappingURL=flowDiagram.css.map */