@property --bf-fb {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}

@property --bf-ledger-flow-tt {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}

@property --bf-ledger-flow-tb {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}

.bf-ledger-flow,
#top #wrap_all .bf-ledger-flow.bf-ledger-flow {
  --asc: 0.96875;
  --desc: 0.2412109375;
  --cap: 0.7275390625;
  --asc-t: var(--asc);
  --desc-t: var(--desc);
  --cap-t: var(--cap);
  --bf-ledger-flow-mt-now: var(--bf-ledger-flow-mt, 0px);
  --bf-ledger-flow-pad: 56px;
  --bf-ledger-flow-pad-s: 24px;
  --bf-ledger-flow-conh: 64px;
  --bf-ledger-flow-rule: 2px;
  --bf-ledger-flow-arrow: 40px;
  --bf-ledger-flow-radius: 8px;
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  margin-block-start: var(--bf-ledger-flow-mt-now);
  margin-block-end: var(--bf-ledger-flow-mb, 0px);
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  color: #1c1c1c;
  font-family: "Inter", sans-serif;
  letter-spacing: normal;
  text-align: center;
}

.bf-ledger-flow .bf-ledger-flow__grid,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__grid {
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  display: grid;
  grid-template-columns: var(--bf-ledger-flow-tpl, [lead-start] minmax(0,337fr) [lead-end gap-start] minmax(0,69fr) [gap-end band-start] minmax(0,70fr) [in1-start] minmax(0,456fr) [in1-end con-start] minmax(0,83fr) [con-end in2-start] minmax(0,337fr) [in2-end] minmax(0,56fr) [band-end]);
  grid-template-rows: [band-start tab-start] auto [tab-end body-start] var(--bf-ledger-flow-pad) [cards-start] auto [cards-end] var(--bf-ledger-flow-pad) [body-end band-end];
  max-inline-size: var(--bf-ledger-flow-w, 1408px);
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  color: #1c1c1c;
  font-family: "Inter", sans-serif;
  letter-spacing: normal;
}

.bf-ledger-flow--noband .bf-ledger-flow__grid,
#top #wrap_all .bf-ledger-flow--noband.bf-ledger-flow--noband .bf-ledger-flow__grid {
  grid-template-rows: [cards-start] auto [cards-end];
}

.bf-ledger-flow .bf-ledger-flow__band,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__band {
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  display: grid;
  grid-column: band;
  grid-row: band;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  color: #1c1c1c;
  font-family: "Inter", sans-serif;
  letter-spacing: normal;
}

.bf-ledger-flow .bf-ledger-flow__band-tab,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__band-tab {
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  grid-column: 1 / -1;
  grid-row: tab;
  margin-block-start: 0;
  margin-block-end: -12px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 13px;
  padding-block-end: 25px;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
  background-color: var(--bf-ledger-flow-band-tab, #ffffff);
  border-top-left-radius: var(--bf-ledger-flow-radius);
  border-top-right-radius: var(--bf-ledger-flow-radius);
  color: var(--bf-ledger-flow-band-ink, #1c1c1c);
  font-family: "Inter", sans-serif;
  letter-spacing: 0.08em;
}

.bf-ledger-flow .bf-ledger-flow__band-label,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__band-label {
  --fs: 14px;
  --lh: 20px;
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  color: var(--bf-ledger-flow-band-ink, #1c1c1c);
  font-family: "Inter", sans-serif;
  font-size: var(--fs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: var(--lh);
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.bf-ledger-flow .bf-ledger-flow__band-bg,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__band-bg {
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  grid-column: 1 / -1;
  grid-row: body;
  background-color: var(--bf-ledger-flow-band-bg, #d9e4f1);
  border-radius: var(--bf-ledger-flow-radius);
  color: #1c1c1c;
  font-family: "Inter", sans-serif;
  letter-spacing: normal;
}

.bf-ledger-flow .bf-ledger-flow__card,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__card {
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  display: flex;
  flex-direction: column;
  grid-row: cards;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  color: var(--bf-ledger-flow-ink, #1c1c1c);
  font-family: "Inter", sans-serif;
  letter-spacing: normal;
}

.bf-ledger-flow .bf-ledger-flow__card--lead,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__card--lead {
  grid-column: lead;
}

.bf-ledger-flow .bf-ledger-flow__card--in1,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__card--in1 {
  grid-column: in1;
}

.bf-ledger-flow .bf-ledger-flow__card--in2,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__card--in2 {
  grid-column: in2;
}

.bf-ledger-flow .bf-ledger-flow__card--s1,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__card--s1 {
  --bf-ledger-flow-accent: var(--bf-ledger-flow-a1, #024ea3);
  --bf-ledger-flow-fill: var(--bf-ledger-flow-f1, #ffffff);
}

.bf-ledger-flow .bf-ledger-flow__card--s2,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__card--s2 {
  --bf-ledger-flow-accent: var(--bf-ledger-flow-a2, #8133f1);
  --bf-ledger-flow-fill: var(--bf-ledger-flow-f2, #ffffff);
}

.bf-ledger-flow .bf-ledger-flow__card--s3,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__card--s3 {
  --bf-ledger-flow-accent: var(--bf-ledger-flow-a3, #007f6d);
  --bf-ledger-flow-fill: var(--bf-ledger-flow-f3, #00a991);
}

.bf-ledger-flow .bf-ledger-flow__card--outline,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__card--outline {
  --bf-ledger-flow-edge: var(--bf-ledger-flow-accent);
  --bf-ledger-flow-ink: #1c1c1c;
  --bf-ledger-flow-ink-note: #595959;
}

.bf-ledger-flow .bf-ledger-flow__card--solid,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__card--solid {
  --bf-ledger-flow-edge: var(--bf-ledger-flow-fill);
  --bf-ledger-flow-ink: #ffffff;
  --bf-ledger-flow-ink-note: rgba(255, 255, 255, 0.72);
}

.bf-ledger-flow .bf-ledger-flow__tab,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__tab {
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  margin-block-start: 0;
  margin-block-end: -12px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 14px;
  padding-block-end: 24px;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
  background-color: var(--bf-ledger-flow-accent, #024ea3);
  border-top-left-radius: var(--bf-ledger-flow-radius);
  border-top-right-radius: var(--bf-ledger-flow-radius);
  color: #ffffff;
  font-family: "Inter", sans-serif;
  letter-spacing: 0.08em;
}

.bf-ledger-flow .bf-ledger-flow__tab-label,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__tab-label {
  --fs: 14px;
  --lh: 20px;
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: var(--fs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: var(--lh);
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.bf-ledger-flow .bf-ledger-flow__body,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__body {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  row-gap: 28px;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 30px;
  padding-block-end: 30px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  background-color: var(--bf-ledger-flow-fill, #ffffff);
  border-color: var(--bf-ledger-flow-edge, #024ea3);
  border-style: solid;
  border-width: 2px;
  border-radius: var(--bf-ledger-flow-radius);
  color: var(--bf-ledger-flow-ink, #1c1c1c);
  font-family: "Inter", sans-serif;
  letter-spacing: normal;
}

.bf-ledger-flow .bf-ledger-flow__title,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__title {
  --fs: 20px;
  --lh: 24px;
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  color: var(--bf-ledger-flow-ink, #1c1c1c);
  font-family: "Inter", sans-serif;
  font-size: var(--fs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: var(--lh);
  overflow-wrap: anywhere;
  text-transform: none;
}

.bf-ledger-flow .bf-ledger-flow__text,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__text {
  --fs: 18px;
  --lh: 22px;
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  color: var(--bf-ledger-flow-ink, #1c1c1c);
  font-family: "Inter", sans-serif;
  font-size: var(--fs);
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: var(--lh);
  overflow-wrap: anywhere;
  text-transform: none;
}

.bf-ledger-flow .bf-ledger-flow__note,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__note {
  --fs: 16px;
  --lh: 20px;
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  color: var(--bf-ledger-flow-ink-note, #595959);
  font-family: "Inter", sans-serif;
  font-size: var(--fs);
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: var(--lh);
  overflow-wrap: anywhere;
  text-transform: none;
}

.bf-ledger-flow .bf-ledger-flow__pills,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__pills {
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 8px;
  row-gap: 8px;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  list-style-type: none;
  color: var(--bf-ledger-flow-pill-ink, #1c1c1c);
  font-family: "Inter", sans-serif;
  letter-spacing: normal;
}

.bf-ledger-flow .bf-ledger-flow__pill,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__pill {
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 8px;
  padding-block-end: 8px;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
  background-color: var(--bf-ledger-flow-pill-bg, #e8e8e8);
  border-radius: 999px;
  list-style-type: none;
  color: var(--bf-ledger-flow-pill-ink, #1c1c1c);
  font-family: "Inter", sans-serif;
  letter-spacing: normal;
}

.bf-ledger-flow .bf-ledger-flow__pill-label,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__pill-label {
  --fs: 16px;
  --lh: 24px;
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  color: var(--bf-ledger-flow-pill-ink, #1c1c1c);
  font-family: "Inter", sans-serif;
  font-size: var(--fs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: normal;
  line-height: var(--lh);
  overflow-wrap: anywhere;
  text-transform: none;
}

.bf-ledger-flow .bf-ledger-flow__line,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__line {
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  display: block;
  grid-row: cards;
  align-self: center;
  block-size: var(--bf-ledger-flow-rule);
  color: #1c1c1c;
  font-family: "Inter", sans-serif;
  letter-spacing: normal;
}

.bf-ledger-flow .bf-ledger-flow__line--out,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__line--out {
  grid-column: gap-start / in1-start;
  background-color: var(--bf-ledger-flow-a1, #024ea3);
}

.bf-ledger-flow .bf-ledger-flow__line--in,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__line--in {
  grid-column: con;
  background-color: var(--bf-ledger-flow-a2, #8133f1);
}

.bf-ledger-flow .bf-ledger-flow__arrow,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__arrow {
  box-sizing: border-box;
  border-style: none;
  border-color: transparent;
  display: block;
  grid-row: cards;
  align-self: center;
  inline-size: var(--bf-ledger-flow-arrow);
  block-size: var(--bf-ledger-flow-arrow);
  color: #024ea3;
  font-family: "Inter", sans-serif;
  letter-spacing: normal;
}

.bf-ledger-flow .bf-ledger-flow__arrow--out,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__arrow--out {
  grid-column: gap;
  justify-self: end;
  margin-inline-end: -10px;
  color: var(--bf-ledger-flow-a1, #024ea3);
}

.bf-ledger-flow .bf-ledger-flow__arrow--in,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__arrow--in {
  grid-column: con;
  justify-self: center;
  margin-inline-end: 7px;
  color: var(--bf-ledger-flow-a2, #8133f1);
}

.bf-ledger-flow .bf-ledger-flow__glyph,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow__glyph {
  box-sizing: border-box;
  display: block;
  inline-size: var(--bf-ledger-flow-arrow);
  block-size: var(--bf-ledger-flow-arrow);
}

.bf-ledger-flow--noarrows .bf-ledger-flow__line,
#top #wrap_all .bf-ledger-flow--noarrows.bf-ledger-flow--noarrows .bf-ledger-flow__line,
.bf-ledger-flow--noarrows .bf-ledger-flow__arrow,
#top #wrap_all .bf-ledger-flow--noarrows.bf-ledger-flow--noarrows .bf-ledger-flow__arrow {
  visibility: hidden;
}

.bf-ledger-flow .bf-ledger-flow-t.bf-ledger-flow-t,
#top #wrap_all .bf-ledger-flow .bf-ledger-flow-t.bf-ledger-flow-t {
  display: block;
  --lead: calc((var(--lh) - (var(--asc-t) + var(--desc-t)) * var(--fs)) / 2);
  --bf-ledger-flow-tt: calc(var(--bf-fb) * (var(--lead) + (var(--asc-t) - var(--cap-t)) * var(--fs)));
  --bf-ledger-flow-tb: calc(var(--bf-fb) * (var(--lead) + var(--desc-t) * var(--fs)));
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  text-box: trim-both cap alphabetic;
  margin-block-start: calc(-1 * var(--bf-ledger-flow-tt));
  margin-block-end: calc(-1 * var(--bf-ledger-flow-tb));
}

@supports not ((text-box: trim-both cap alphabetic) or (text-box-trim: trim-both)) {
  .bf-ledger-flow,
  #top #wrap_all .bf-ledger-flow.bf-ledger-flow {
    --bf-fb: 1;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .bf-ledger-flow--scale,
  #top #wrap_all .bf-ledger-flow--scale.bf-ledger-flow--scale {
    --bf-ledger-flow-mt-now: calc(var(--bf-ledger-flow-mt, 0px) * 0.75);
  }
}

@media (max-width: 899px) {
  .bf-ledger-flow--scale,
  #top #wrap_all .bf-ledger-flow--scale.bf-ledger-flow--scale {
    --bf-ledger-flow-mt-now: calc(var(--bf-ledger-flow-mt, 0px) * 0.6);
  }
}

@media (max-width: 699px) {
  .bf-ledger-flow--stack-700 .bf-ledger-flow__grid,
  #top #wrap_all .bf-ledger-flow--stack-700.bf-ledger-flow--stack-700 .bf-ledger-flow__grid {
    grid-template-columns: [lead-start gap-start band-start] minmax(0, 1fr) [lead-end gap-end band-end];
    grid-template-rows: [cards-start] auto [cards-end gap-start] auto [gap-end band-start] auto [band-end];
    max-inline-size: 504px;
  }

  .bf-ledger-flow--stack-700 .bf-ledger-flow__band,
  #top #wrap_all .bf-ledger-flow--stack-700.bf-ledger-flow--stack-700 .bf-ledger-flow__band {
    grid-template-columns: var(--bf-ledger-flow-pad-s) [in1-start in2-start con-start] minmax(0, 1fr) [in1-end in2-end con-end] var(--bf-ledger-flow-pad-s);
    grid-template-rows: [tab-start] auto [tab-end body-start] var(--bf-ledger-flow-pad-s) [r1-start] auto [r1-end r2-start] auto [r2-end r3-start] auto [r3-end] var(--bf-ledger-flow-pad-s) [body-end];
  }

  .bf-ledger-flow--stack-700 .bf-ledger-flow__card--in1,
  #top #wrap_all .bf-ledger-flow--stack-700.bf-ledger-flow--stack-700 .bf-ledger-flow__card--in1 {
    grid-row: r1;
  }

  .bf-ledger-flow--stack-700 .bf-ledger-flow__card--in2,
  #top #wrap_all .bf-ledger-flow--stack-700.bf-ledger-flow--stack-700 .bf-ledger-flow__card--in2 {
    grid-row: r3;
  }

  .bf-ledger-flow--stack-700 .bf-ledger-flow__line,
  #top #wrap_all .bf-ledger-flow--stack-700.bf-ledger-flow--stack-700 .bf-ledger-flow__line {
    justify-self: center;
    inline-size: var(--bf-ledger-flow-rule);
    block-size: var(--bf-ledger-flow-conh);
  }

  .bf-ledger-flow--stack-700 .bf-ledger-flow__line--out,
  #top #wrap_all .bf-ledger-flow--stack-700.bf-ledger-flow--stack-700 .bf-ledger-flow__line--out {
    grid-column: gap;
    grid-row: gap;
  }

  .bf-ledger-flow--stack-700 .bf-ledger-flow__line--in,
  #top #wrap_all .bf-ledger-flow--stack-700.bf-ledger-flow--stack-700 .bf-ledger-flow__line--in {
    grid-row: r2;
  }

  .bf-ledger-flow--stack-700 .bf-ledger-flow__arrow,
  #top #wrap_all .bf-ledger-flow--stack-700.bf-ledger-flow--stack-700 .bf-ledger-flow__arrow {
    justify-self: center;
    margin-inline-end: 0;
    rotate: 90deg;
  }

  .bf-ledger-flow--stack-700 .bf-ledger-flow__arrow--out,
  #top #wrap_all .bf-ledger-flow--stack-700.bf-ledger-flow--stack-700 .bf-ledger-flow__arrow--out {
    grid-row: gap;
  }

  .bf-ledger-flow--stack-700 .bf-ledger-flow__arrow--in,
  #top #wrap_all .bf-ledger-flow--stack-700.bf-ledger-flow--stack-700 .bf-ledger-flow__arrow--in {
    grid-row: r2;
  }
}

@media (max-width: 799px) {
  .bf-ledger-flow--stack-800 .bf-ledger-flow__grid,
  #top #wrap_all .bf-ledger-flow--stack-800.bf-ledger-flow--stack-800 .bf-ledger-flow__grid {
    grid-template-columns: [lead-start gap-start band-start] minmax(0, 1fr) [lead-end gap-end band-end];
    grid-template-rows: [cards-start] auto [cards-end gap-start] auto [gap-end band-start] auto [band-end];
    max-inline-size: 504px;
  }

  .bf-ledger-flow--stack-800 .bf-ledger-flow__band,
  #top #wrap_all .bf-ledger-flow--stack-800.bf-ledger-flow--stack-800 .bf-ledger-flow__band {
    grid-template-columns: var(--bf-ledger-flow-pad-s) [in1-start in2-start con-start] minmax(0, 1fr) [in1-end in2-end con-end] var(--bf-ledger-flow-pad-s);
    grid-template-rows: [tab-start] auto [tab-end body-start] var(--bf-ledger-flow-pad-s) [r1-start] auto [r1-end r2-start] auto [r2-end r3-start] auto [r3-end] var(--bf-ledger-flow-pad-s) [body-end];
  }

  .bf-ledger-flow--stack-800 .bf-ledger-flow__card--in1,
  #top #wrap_all .bf-ledger-flow--stack-800.bf-ledger-flow--stack-800 .bf-ledger-flow__card--in1 {
    grid-row: r1;
  }

  .bf-ledger-flow--stack-800 .bf-ledger-flow__card--in2,
  #top #wrap_all .bf-ledger-flow--stack-800.bf-ledger-flow--stack-800 .bf-ledger-flow__card--in2 {
    grid-row: r3;
  }

  .bf-ledger-flow--stack-800 .bf-ledger-flow__line,
  #top #wrap_all .bf-ledger-flow--stack-800.bf-ledger-flow--stack-800 .bf-ledger-flow__line {
    justify-self: center;
    inline-size: var(--bf-ledger-flow-rule);
    block-size: var(--bf-ledger-flow-conh);
  }

  .bf-ledger-flow--stack-800 .bf-ledger-flow__line--out,
  #top #wrap_all .bf-ledger-flow--stack-800.bf-ledger-flow--stack-800 .bf-ledger-flow__line--out {
    grid-column: gap;
    grid-row: gap;
  }

  .bf-ledger-flow--stack-800 .bf-ledger-flow__line--in,
  #top #wrap_all .bf-ledger-flow--stack-800.bf-ledger-flow--stack-800 .bf-ledger-flow__line--in {
    grid-row: r2;
  }

  .bf-ledger-flow--stack-800 .bf-ledger-flow__arrow,
  #top #wrap_all .bf-ledger-flow--stack-800.bf-ledger-flow--stack-800 .bf-ledger-flow__arrow {
    justify-self: center;
    margin-inline-end: 0;
    rotate: 90deg;
  }

  .bf-ledger-flow--stack-800 .bf-ledger-flow__arrow--out,
  #top #wrap_all .bf-ledger-flow--stack-800.bf-ledger-flow--stack-800 .bf-ledger-flow__arrow--out {
    grid-row: gap;
  }

  .bf-ledger-flow--stack-800 .bf-ledger-flow__arrow--in,
  #top #wrap_all .bf-ledger-flow--stack-800.bf-ledger-flow--stack-800 .bf-ledger-flow__arrow--in {
    grid-row: r2;
  }
}

@media (max-width: 899px) {
  .bf-ledger-flow--stack-900 .bf-ledger-flow__grid,
  #top #wrap_all .bf-ledger-flow--stack-900.bf-ledger-flow--stack-900 .bf-ledger-flow__grid {
    grid-template-columns: [lead-start gap-start band-start] minmax(0, 1fr) [lead-end gap-end band-end];
    grid-template-rows: [cards-start] auto [cards-end gap-start] auto [gap-end band-start] auto [band-end];
    max-inline-size: 504px;
  }

  .bf-ledger-flow--stack-900 .bf-ledger-flow__band,
  #top #wrap_all .bf-ledger-flow--stack-900.bf-ledger-flow--stack-900 .bf-ledger-flow__band {
    grid-template-columns: var(--bf-ledger-flow-pad-s) [in1-start in2-start con-start] minmax(0, 1fr) [in1-end in2-end con-end] var(--bf-ledger-flow-pad-s);
    grid-template-rows: [tab-start] auto [tab-end body-start] var(--bf-ledger-flow-pad-s) [r1-start] auto [r1-end r2-start] auto [r2-end r3-start] auto [r3-end] var(--bf-ledger-flow-pad-s) [body-end];
  }

  .bf-ledger-flow--stack-900 .bf-ledger-flow__card--in1,
  #top #wrap_all .bf-ledger-flow--stack-900.bf-ledger-flow--stack-900 .bf-ledger-flow__card--in1 {
    grid-row: r1;
  }

  .bf-ledger-flow--stack-900 .bf-ledger-flow__card--in2,
  #top #wrap_all .bf-ledger-flow--stack-900.bf-ledger-flow--stack-900 .bf-ledger-flow__card--in2 {
    grid-row: r3;
  }

  .bf-ledger-flow--stack-900 .bf-ledger-flow__line,
  #top #wrap_all .bf-ledger-flow--stack-900.bf-ledger-flow--stack-900 .bf-ledger-flow__line {
    justify-self: center;
    inline-size: var(--bf-ledger-flow-rule);
    block-size: var(--bf-ledger-flow-conh);
  }

  .bf-ledger-flow--stack-900 .bf-ledger-flow__line--out,
  #top #wrap_all .bf-ledger-flow--stack-900.bf-ledger-flow--stack-900 .bf-ledger-flow__line--out {
    grid-column: gap;
    grid-row: gap;
  }

  .bf-ledger-flow--stack-900 .bf-ledger-flow__line--in,
  #top #wrap_all .bf-ledger-flow--stack-900.bf-ledger-flow--stack-900 .bf-ledger-flow__line--in {
    grid-row: r2;
  }

  .bf-ledger-flow--stack-900 .bf-ledger-flow__arrow,
  #top #wrap_all .bf-ledger-flow--stack-900.bf-ledger-flow--stack-900 .bf-ledger-flow__arrow {
    justify-self: center;
    margin-inline-end: 0;
    rotate: 90deg;
  }

  .bf-ledger-flow--stack-900 .bf-ledger-flow__arrow--out,
  #top #wrap_all .bf-ledger-flow--stack-900.bf-ledger-flow--stack-900 .bf-ledger-flow__arrow--out {
    grid-row: gap;
  }

  .bf-ledger-flow--stack-900 .bf-ledger-flow__arrow--in,
  #top #wrap_all .bf-ledger-flow--stack-900.bf-ledger-flow--stack-900 .bf-ledger-flow__arrow--in {
    grid-row: r2;
  }
}

@media (max-width: 999px) {
  .bf-ledger-flow--stack-1000 .bf-ledger-flow__grid,
  #top #wrap_all .bf-ledger-flow--stack-1000.bf-ledger-flow--stack-1000 .bf-ledger-flow__grid {
    grid-template-columns: [lead-start gap-start band-start] minmax(0, 1fr) [lead-end gap-end band-end];
    grid-template-rows: [cards-start] auto [cards-end gap-start] auto [gap-end band-start] auto [band-end];
    max-inline-size: 504px;
  }

  .bf-ledger-flow--stack-1000 .bf-ledger-flow__band,
  #top #wrap_all .bf-ledger-flow--stack-1000.bf-ledger-flow--stack-1000 .bf-ledger-flow__band {
    grid-template-columns: var(--bf-ledger-flow-pad-s) [in1-start in2-start con-start] minmax(0, 1fr) [in1-end in2-end con-end] var(--bf-ledger-flow-pad-s);
    grid-template-rows: [tab-start] auto [tab-end body-start] var(--bf-ledger-flow-pad-s) [r1-start] auto [r1-end r2-start] auto [r2-end r3-start] auto [r3-end] var(--bf-ledger-flow-pad-s) [body-end];
  }

  .bf-ledger-flow--stack-1000 .bf-ledger-flow__card--in1,
  #top #wrap_all .bf-ledger-flow--stack-1000.bf-ledger-flow--stack-1000 .bf-ledger-flow__card--in1 {
    grid-row: r1;
  }

  .bf-ledger-flow--stack-1000 .bf-ledger-flow__card--in2,
  #top #wrap_all .bf-ledger-flow--stack-1000.bf-ledger-flow--stack-1000 .bf-ledger-flow__card--in2 {
    grid-row: r3;
  }

  .bf-ledger-flow--stack-1000 .bf-ledger-flow__line,
  #top #wrap_all .bf-ledger-flow--stack-1000.bf-ledger-flow--stack-1000 .bf-ledger-flow__line {
    justify-self: center;
    inline-size: var(--bf-ledger-flow-rule);
    block-size: var(--bf-ledger-flow-conh);
  }

  .bf-ledger-flow--stack-1000 .bf-ledger-flow__line--out,
  #top #wrap_all .bf-ledger-flow--stack-1000.bf-ledger-flow--stack-1000 .bf-ledger-flow__line--out {
    grid-column: gap;
    grid-row: gap;
  }

  .bf-ledger-flow--stack-1000 .bf-ledger-flow__line--in,
  #top #wrap_all .bf-ledger-flow--stack-1000.bf-ledger-flow--stack-1000 .bf-ledger-flow__line--in {
    grid-row: r2;
  }

  .bf-ledger-flow--stack-1000 .bf-ledger-flow__arrow,
  #top #wrap_all .bf-ledger-flow--stack-1000.bf-ledger-flow--stack-1000 .bf-ledger-flow__arrow {
    justify-self: center;
    margin-inline-end: 0;
    rotate: 90deg;
  }

  .bf-ledger-flow--stack-1000 .bf-ledger-flow__arrow--out,
  #top #wrap_all .bf-ledger-flow--stack-1000.bf-ledger-flow--stack-1000 .bf-ledger-flow__arrow--out {
    grid-row: gap;
  }

  .bf-ledger-flow--stack-1000 .bf-ledger-flow__arrow--in,
  #top #wrap_all .bf-ledger-flow--stack-1000.bf-ledger-flow--stack-1000 .bf-ledger-flow__arrow--in {
    grid-row: r2;
  }
}

@media (max-width: 1099px) {
  .bf-ledger-flow--stack-1100 .bf-ledger-flow__grid,
  #top #wrap_all .bf-ledger-flow--stack-1100.bf-ledger-flow--stack-1100 .bf-ledger-flow__grid {
    grid-template-columns: [lead-start gap-start band-start] minmax(0, 1fr) [lead-end gap-end band-end];
    grid-template-rows: [cards-start] auto [cards-end gap-start] auto [gap-end band-start] auto [band-end];
    max-inline-size: 504px;
  }

  .bf-ledger-flow--stack-1100 .bf-ledger-flow__band,
  #top #wrap_all .bf-ledger-flow--stack-1100.bf-ledger-flow--stack-1100 .bf-ledger-flow__band {
    grid-template-columns: var(--bf-ledger-flow-pad-s) [in1-start in2-start con-start] minmax(0, 1fr) [in1-end in2-end con-end] var(--bf-ledger-flow-pad-s);
    grid-template-rows: [tab-start] auto [tab-end body-start] var(--bf-ledger-flow-pad-s) [r1-start] auto [r1-end r2-start] auto [r2-end r3-start] auto [r3-end] var(--bf-ledger-flow-pad-s) [body-end];
  }

  .bf-ledger-flow--stack-1100 .bf-ledger-flow__card--in1,
  #top #wrap_all .bf-ledger-flow--stack-1100.bf-ledger-flow--stack-1100 .bf-ledger-flow__card--in1 {
    grid-row: r1;
  }

  .bf-ledger-flow--stack-1100 .bf-ledger-flow__card--in2,
  #top #wrap_all .bf-ledger-flow--stack-1100.bf-ledger-flow--stack-1100 .bf-ledger-flow__card--in2 {
    grid-row: r3;
  }

  .bf-ledger-flow--stack-1100 .bf-ledger-flow__line,
  #top #wrap_all .bf-ledger-flow--stack-1100.bf-ledger-flow--stack-1100 .bf-ledger-flow__line {
    justify-self: center;
    inline-size: var(--bf-ledger-flow-rule);
    block-size: var(--bf-ledger-flow-conh);
  }

  .bf-ledger-flow--stack-1100 .bf-ledger-flow__line--out,
  #top #wrap_all .bf-ledger-flow--stack-1100.bf-ledger-flow--stack-1100 .bf-ledger-flow__line--out {
    grid-column: gap;
    grid-row: gap;
  }

  .bf-ledger-flow--stack-1100 .bf-ledger-flow__line--in,
  #top #wrap_all .bf-ledger-flow--stack-1100.bf-ledger-flow--stack-1100 .bf-ledger-flow__line--in {
    grid-row: r2;
  }

  .bf-ledger-flow--stack-1100 .bf-ledger-flow__arrow,
  #top #wrap_all .bf-ledger-flow--stack-1100.bf-ledger-flow--stack-1100 .bf-ledger-flow__arrow {
    justify-self: center;
    margin-inline-end: 0;
    rotate: 90deg;
  }

  .bf-ledger-flow--stack-1100 .bf-ledger-flow__arrow--out,
  #top #wrap_all .bf-ledger-flow--stack-1100.bf-ledger-flow--stack-1100 .bf-ledger-flow__arrow--out {
    grid-row: gap;
  }

  .bf-ledger-flow--stack-1100 .bf-ledger-flow__arrow--in,
  #top #wrap_all .bf-ledger-flow--stack-1100.bf-ledger-flow--stack-1100 .bf-ledger-flow__arrow--in {
    grid-row: r2;
  }
}

@media (max-width: 1199px) {
  .bf-ledger-flow--stack-1200 .bf-ledger-flow__grid,
  #top #wrap_all .bf-ledger-flow--stack-1200.bf-ledger-flow--stack-1200 .bf-ledger-flow__grid {
    grid-template-columns: [lead-start gap-start band-start] minmax(0, 1fr) [lead-end gap-end band-end];
    grid-template-rows: [cards-start] auto [cards-end gap-start] auto [gap-end band-start] auto [band-end];
    max-inline-size: 504px;
  }

  .bf-ledger-flow--stack-1200 .bf-ledger-flow__band,
  #top #wrap_all .bf-ledger-flow--stack-1200.bf-ledger-flow--stack-1200 .bf-ledger-flow__band {
    grid-template-columns: var(--bf-ledger-flow-pad-s) [in1-start in2-start con-start] minmax(0, 1fr) [in1-end in2-end con-end] var(--bf-ledger-flow-pad-s);
    grid-template-rows: [tab-start] auto [tab-end body-start] var(--bf-ledger-flow-pad-s) [r1-start] auto [r1-end r2-start] auto [r2-end r3-start] auto [r3-end] var(--bf-ledger-flow-pad-s) [body-end];
  }

  .bf-ledger-flow--stack-1200 .bf-ledger-flow__card--in1,
  #top #wrap_all .bf-ledger-flow--stack-1200.bf-ledger-flow--stack-1200 .bf-ledger-flow__card--in1 {
    grid-row: r1;
  }

  .bf-ledger-flow--stack-1200 .bf-ledger-flow__card--in2,
  #top #wrap_all .bf-ledger-flow--stack-1200.bf-ledger-flow--stack-1200 .bf-ledger-flow__card--in2 {
    grid-row: r3;
  }

  .bf-ledger-flow--stack-1200 .bf-ledger-flow__line,
  #top #wrap_all .bf-ledger-flow--stack-1200.bf-ledger-flow--stack-1200 .bf-ledger-flow__line {
    justify-self: center;
    inline-size: var(--bf-ledger-flow-rule);
    block-size: var(--bf-ledger-flow-conh);
  }

  .bf-ledger-flow--stack-1200 .bf-ledger-flow__line--out,
  #top #wrap_all .bf-ledger-flow--stack-1200.bf-ledger-flow--stack-1200 .bf-ledger-flow__line--out {
    grid-column: gap;
    grid-row: gap;
  }

  .bf-ledger-flow--stack-1200 .bf-ledger-flow__line--in,
  #top #wrap_all .bf-ledger-flow--stack-1200.bf-ledger-flow--stack-1200 .bf-ledger-flow__line--in {
    grid-row: r2;
  }

  .bf-ledger-flow--stack-1200 .bf-ledger-flow__arrow,
  #top #wrap_all .bf-ledger-flow--stack-1200.bf-ledger-flow--stack-1200 .bf-ledger-flow__arrow {
    justify-self: center;
    margin-inline-end: 0;
    rotate: 90deg;
  }

  .bf-ledger-flow--stack-1200 .bf-ledger-flow__arrow--out,
  #top #wrap_all .bf-ledger-flow--stack-1200.bf-ledger-flow--stack-1200 .bf-ledger-flow__arrow--out {
    grid-row: gap;
  }

  .bf-ledger-flow--stack-1200 .bf-ledger-flow__arrow--in,
  #top #wrap_all .bf-ledger-flow--stack-1200.bf-ledger-flow--stack-1200 .bf-ledger-flow__arrow--in {
    grid-row: r2;
  }
}

@media (max-width: 1299px) {
  .bf-ledger-flow--stack-1300 .bf-ledger-flow__grid,
  #top #wrap_all .bf-ledger-flow--stack-1300.bf-ledger-flow--stack-1300 .bf-ledger-flow__grid {
    grid-template-columns: [lead-start gap-start band-start] minmax(0, 1fr) [lead-end gap-end band-end];
    grid-template-rows: [cards-start] auto [cards-end gap-start] auto [gap-end band-start] auto [band-end];
    max-inline-size: 504px;
  }

  .bf-ledger-flow--stack-1300 .bf-ledger-flow__band,
  #top #wrap_all .bf-ledger-flow--stack-1300.bf-ledger-flow--stack-1300 .bf-ledger-flow__band {
    grid-template-columns: var(--bf-ledger-flow-pad-s) [in1-start in2-start con-start] minmax(0, 1fr) [in1-end in2-end con-end] var(--bf-ledger-flow-pad-s);
    grid-template-rows: [tab-start] auto [tab-end body-start] var(--bf-ledger-flow-pad-s) [r1-start] auto [r1-end r2-start] auto [r2-end r3-start] auto [r3-end] var(--bf-ledger-flow-pad-s) [body-end];
  }

  .bf-ledger-flow--stack-1300 .bf-ledger-flow__card--in1,
  #top #wrap_all .bf-ledger-flow--stack-1300.bf-ledger-flow--stack-1300 .bf-ledger-flow__card--in1 {
    grid-row: r1;
  }

  .bf-ledger-flow--stack-1300 .bf-ledger-flow__card--in2,
  #top #wrap_all .bf-ledger-flow--stack-1300.bf-ledger-flow--stack-1300 .bf-ledger-flow__card--in2 {
    grid-row: r3;
  }

  .bf-ledger-flow--stack-1300 .bf-ledger-flow__line,
  #top #wrap_all .bf-ledger-flow--stack-1300.bf-ledger-flow--stack-1300 .bf-ledger-flow__line {
    justify-self: center;
    inline-size: var(--bf-ledger-flow-rule);
    block-size: var(--bf-ledger-flow-conh);
  }

  .bf-ledger-flow--stack-1300 .bf-ledger-flow__line--out,
  #top #wrap_all .bf-ledger-flow--stack-1300.bf-ledger-flow--stack-1300 .bf-ledger-flow__line--out {
    grid-column: gap;
    grid-row: gap;
  }

  .bf-ledger-flow--stack-1300 .bf-ledger-flow__line--in,
  #top #wrap_all .bf-ledger-flow--stack-1300.bf-ledger-flow--stack-1300 .bf-ledger-flow__line--in {
    grid-row: r2;
  }

  .bf-ledger-flow--stack-1300 .bf-ledger-flow__arrow,
  #top #wrap_all .bf-ledger-flow--stack-1300.bf-ledger-flow--stack-1300 .bf-ledger-flow__arrow {
    justify-self: center;
    margin-inline-end: 0;
    rotate: 90deg;
  }

  .bf-ledger-flow--stack-1300 .bf-ledger-flow__arrow--out,
  #top #wrap_all .bf-ledger-flow--stack-1300.bf-ledger-flow--stack-1300 .bf-ledger-flow__arrow--out {
    grid-row: gap;
  }

  .bf-ledger-flow--stack-1300 .bf-ledger-flow__arrow--in,
  #top #wrap_all .bf-ledger-flow--stack-1300.bf-ledger-flow--stack-1300 .bf-ledger-flow__arrow--in {
    grid-row: r2;
  }
}