.flow{background:var(--color-bg-surface);width:100%;box-shadow:inset 0 0 0 1px var(--color-border-subtle);contain:layout paint;border-radius:24px;position:relative;overflow:hidden;container-type:inline-size}.flow__canvas{position:absolute;inset:0}.flow__canvas *{box-sizing:border-box}.fl{will-change:transform, opacity;position:absolute}.fl-card{background:var(--color-bg-surface);border:calc(var(--u) * 1.5) solid var(--color-border-subtle);border-radius:calc(var(--u) * 20);box-shadow:0 calc(var(--u) * 18) calc(var(--u) * 40) calc(var(--u) * -26) color-mix(in srgb, var(--color-text-primary) 38%, transparent)}.fl-bar{border-radius:calc(var(--u) * 99);background:var(--color-border-subtle)}.fl-bar--soft{background:color-mix(in srgb, var(--color-border-subtle) 60%, var(--color-bg-surface))}.fl-bar--ink{background:var(--color-text-primary)}.fl-bar--green{background:var(--color-accent-default)}.fl-round{border-radius:50%;justify-content:center;align-items:center;display:flex}.fl-round svg{width:56%;height:56%}.fl-check{background:var(--color-accent-default);color:var(--color-accent-on-accent)}.fl-check svg{stroke-width:3px}.fl-hollow{background:var(--color-bg-surface);box-shadow:inset 0 0 0 calc(var(--u) * 3) var(--color-text-primary)}.fl-grey{background:var(--color-border-strong)}.fl-chip{background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:inset 0 0 0 calc(var(--u) * 1.5) var(--color-border-default), 0 calc(var(--u) * 10) calc(var(--u) * 24) calc(var(--u) * -16) color-mix(in srgb, var(--color-text-primary) 40%, transparent)}.fl-chip--on{background:var(--color-accent-default);color:var(--color-accent-on-accent);box-shadow:none}.fl-chip--ink{background:var(--color-text-primary);color:var(--color-bg-surface);box-shadow:none}.fl-touch{background:color-mix(in srgb, var(--color-text-primary) 18%, transparent);box-shadow:inset 0 0 0 calc(var(--u) * 2) color-mix(in srgb, var(--color-text-primary) 30%, transparent);border-radius:50%}.fl-svg{position:absolute;overflow:visible}.fl-path{fill:none;stroke:var(--color-border-default);stroke-linecap:round}.fl-path--green{stroke:var(--color-accent-default)}.fl-warn{background:var(--color-status-warning-solid);color:var(--color-text-primary)}.fl-t{white-space:nowrap;line-height:1.1;font-family:var(--font-sans);color:var(--color-text-primary);font-weight:500;position:absolute}.fl-t:before{content:attr(data-t)}.fl-t--b{font-weight:650}.fl-t--fig{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.fl-t--soft{color:var(--color-text-secondary)}.fl-t--white{color:var(--color-text-inverse)}.fl-t--right{text-align:right}.fl-t--center{text-align:center}.fl-s14{font-size:calc(var(--u) * 14)}.fl-s16{font-size:calc(var(--u) * 16)}.fl-s18{font-size:calc(var(--u) * 18)}.fl-s20{font-size:calc(var(--u) * 20)}.fl-s22{font-size:calc(var(--u) * 22)}.fl-s24{font-size:calc(var(--u) * 24)}.fl-s28{font-size:calc(var(--u) * 28)}.fl-s32{font-size:calc(var(--u) * 32)}.fl-s40{font-size:calc(var(--u) * 40)}.fl-s48{font-size:calc(var(--u) * 48)}.fl-tile{border-radius:calc(var(--u) * 18);overflow:hidden}.fl-tile svg{width:100%;height:100%;display:block}.fl-pill{border-radius:calc(var(--u) * 99);justify-content:center;align-items:center;gap:calc(var(--u) * 6);display:flex}.fl-pill svg{width:62%;height:62%}