.bill-flow[data-v-9ffb2edd]{--ease:cubic-bezier(.22,1,.36,1);--ink:#211b1b;--muted:#786d68;--line:#ece1d7;--accent:var(--od-color-tomato-strong);--paid:#28613c;--paid-soft:#e4f1e8;background:#efe7db;color:var(--ink);container:bill-flow/inline-size;font-family:Gtwalsheimpro,Helvetica Neue,Arial,sans-serif;padding:clamp(1.25rem,3.5vw,2.25rem) clamp(1rem,3vw,2rem);position:relative;width:100%}:where(.feature-hero-visual)>.bill-flow[data-v-9ffb2edd]{background:transparent}:where(.feature-hero-visual)>.bill-flow .bill-flow__sheet[data-v-9ffb2edd]{box-shadow:0 0 0 1px #3a201812,0 2px 6px #412c1c0f,0 30px 60px -24px #412c1c57}.bill-flow__stage[data-v-9ffb2edd]{align-items:end;display:grid;grid-template-columns:minmax(0,20.5rem) minmax(0,13.25rem);justify-content:center}.bill-flow__sheet[data-v-9ffb2edd]{background:#fffaf4;border-radius:1.35rem;box-shadow:inset 0 1px #fffc,0 2px 6px #412c1c0f,0 26px 52px -20px #412c1c4d;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;padding:1rem 1.1rem 1.1rem;position:relative;z-index:1}.bill-flow__head[data-v-9ffb2edd]{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:.75rem;justify-content:space-between;padding-bottom:.75rem}.bill-flow__head>div[data-v-9ffb2edd]{display:grid;gap:.1rem;min-width:0}.bill-flow__head small[data-v-9ffb2edd]{color:var(--muted);font-size:.75rem;white-space:nowrap}.bill-flow__head strong[data-v-9ffb2edd]{font-size:1rem;white-space:nowrap}.bill-flow__refresh[data-v-9ffb2edd]{background:#fff;border:1px solid var(--line);border-radius:50%;color:#5d514c;cursor:pointer;display:grid;flex:none;height:2.5rem;padding:0;place-items:center;transition:border-color .2s ease;width:2.5rem}.bill-flow__refresh[data-v-9ffb2edd]:hover:not(:disabled){border-color:#d8c6b8}.bill-flow__refresh[data-v-9ffb2edd]:disabled{cursor:default}.bill-flow__refresh-icon[data-v-9ffb2edd]{color:var(--accent);display:grid;place-items:center}.bill-flow.is-loading .bill-flow__refresh-icon[data-v-9ffb2edd]{animation:bill-spin-9ffb2edd .9s linear infinite}.bill-flow__swap[data-v-9ffb2edd]{display:inline-grid}.bill-flow__swap>span[data-v-9ffb2edd]{align-items:center;display:inline-flex;grid-area:1/1;justify-content:flex-end;transition:opacity .3s ease,transform .4s var(--ease);white-space:nowrap}.bill-flow__swap>span[data-v-9ffb2edd]:last-child{opacity:0;transform:translateY(.25rem)}.bill-flow__swap.is-second>span[data-v-9ffb2edd]:first-child{opacity:0;transform:translateY(-.25rem)}.bill-flow__swap.is-second>span[data-v-9ffb2edd]:last-child{opacity:1;transform:none}.bill-flow__swap--start>span[data-v-9ffb2edd]{justify-content:flex-start}.bill-flow__lines[data-v-9ffb2edd]{border-bottom:1px solid var(--line);display:grid;list-style:none;margin:0;padding:.4rem 0}.bill-flow__lines li[data-v-9ffb2edd]{align-items:baseline;display:grid;font-size:.8125rem;gap:.4rem;grid-template-columns:1.6rem minmax(0,1fr) auto;padding:.36rem 0;transition:opacity .35s ease,filter .35s ease}.bill-flow__qty[data-v-9ffb2edd]{color:var(--accent);font-weight:800}.bill-flow__name[data-v-9ffb2edd]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bill-flow__lines strong[data-v-9ffb2edd]{font-variant-numeric:tabular-nums;font-weight:600}.bill-flow.is-loading .bill-flow__lines li[data-v-9ffb2edd]{filter:blur(.4px);opacity:.35;transition-delay:calc(var(--i)*40ms)}.bill-flow__tips[data-v-9ffb2edd]{border:0;margin:0;padding:.7rem 0 .15rem}.bill-flow__tips legend[data-v-9ffb2edd]{color:#5d514c;font-size:.75rem;font-weight:700;padding:.7rem 0 .45rem}.bill-flow__tips>div[data-v-9ffb2edd]{display:grid;gap:.35rem;grid-template-columns:repeat(4,minmax(0,1fr))}.bill-flow__tips button[data-v-9ffb2edd]{background:#fff;border:1px solid #e3d6ca;border-radius:.6rem;color:var(--ink);cursor:pointer;font:inherit;font-size:.8125rem;font-weight:700;min-height:2.35rem;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .2s var(--ease)}.bill-flow__tips button[aria-pressed=true][data-v-9ffb2edd]{background:#fbe4d9;border-color:var(--accent);color:#a93a1b}.bill-flow__tips button[data-v-9ffb2edd]:active{transform:scale(.96)}.bill-flow__tips:disabled button[data-v-9ffb2edd]{cursor:default}.bill-flow.is-registered .bill-flow__tips button[data-v-9ffb2edd]:not([aria-pressed=true]){opacity:.5}.bill-flow__sum[data-v-9ffb2edd]{margin:.55rem 0 0}.bill-flow__sum div[data-v-9ffb2edd]{color:#5d514c;display:flex;font-size:.75rem;gap:1rem;justify-content:space-between;padding:.18rem 0}.bill-flow__sum dd[data-v-9ffb2edd]{font-variant-numeric:tabular-nums;margin:0}.bill-flow__sum .bill-flow__total[data-v-9ffb2edd]{border-top:1px solid var(--line);color:var(--ink);font-size:.9375rem;font-weight:800;margin-top:.3rem;padding-top:.5rem}.bill-flow__action[data-v-9ffb2edd]{display:grid;margin-top:.8rem}.bill-flow__state[data-v-9ffb2edd]{align-content:start;display:grid;gap:.5rem;grid-area:1/1;transition:opacity .35s ease,transform .45s var(--ease),visibility 0s linear .45s}.bill-flow__state[data-v-9ffb2edd]:not(.bill-flow__state--open){opacity:0;transform:translateY(.4rem);visibility:hidden}.bill-flow.is-paying .bill-flow__state--open[data-v-9ffb2edd],.bill-flow.is-registered .bill-flow__state--open[data-v-9ffb2edd]{opacity:0;transform:translateY(-.3rem);visibility:hidden}.bill-flow.is-paying .bill-flow__state--paying[data-v-9ffb2edd],.bill-flow.is-registered .bill-flow__state--registered[data-v-9ffb2edd]{opacity:1;transform:none;transition-delay:0s;visibility:visible}.bill-flow__pay[data-v-9ffb2edd]{align-items:center;background:var(--accent);border:0;border-radius:.8rem;color:#fff;cursor:pointer;display:flex;font:inherit;font-size:.9375rem;font-weight:750;gap:.75rem;justify-content:space-between;min-height:2.9rem;padding:.6rem 1rem;transition:transform .2s var(--ease),background-color .2s ease}.bill-flow__pay strong[data-v-9ffb2edd]{font-variant-numeric:tabular-nums}.bill-flow__pay[data-v-9ffb2edd]:hover{background:#c4461f}.bill-flow__pay[data-v-9ffb2edd]:disabled{cursor:default}.bill-flow.is-pressed .bill-flow__pay[data-v-9ffb2edd]{background:#b9411c;transform:scale(.97)}.bill-flow__methods[data-v-9ffb2edd]{display:flex;gap:.35rem;justify-content:center;margin:0}.bill-flow__methods span[data-v-9ffb2edd]{background:#fff;border:1px solid var(--line);border-radius:.35rem;color:#6d625d;font-size:.625rem;font-weight:700;letter-spacing:.01em;padding:.18rem .45rem}.bill-flow__state--paying[data-v-9ffb2edd]{align-items:center;align-self:start;background:#fbf1df;border-radius:.8rem;color:#7a4f14;grid-template-columns:auto minmax(0,1fr);min-height:2.9rem;padding:.6rem .85rem}.bill-flow__banner div[data-v-9ffb2edd],.bill-flow__state--paying div[data-v-9ffb2edd]{display:grid;gap:.1rem}.bill-flow__banner strong[data-v-9ffb2edd],.bill-flow__state--paying strong[data-v-9ffb2edd]{font-size:.8125rem}.bill-flow__banner small[data-v-9ffb2edd],.bill-flow__state--paying small[data-v-9ffb2edd]{font-size:.6875rem;line-height:1.35;opacity:.85}.bill-flow__spinner[data-v-9ffb2edd]{border:2px solid #e8c88f;border-radius:50%;border-top-color:#a4661a;height:1.1rem;width:1.1rem}.bill-flow.is-paying .bill-flow__spinner[data-v-9ffb2edd]{animation:bill-spin-9ffb2edd .8s linear infinite}.bill-flow__banner[data-v-9ffb2edd]{align-items:center;background:var(--paid-soft);border-radius:.8rem;color:var(--paid);display:grid;gap:.6rem;grid-template-columns:auto minmax(0,1fr);padding:.6rem .8rem}.bill-flow__check[data-v-9ffb2edd]{background:var(--paid);border-radius:50%;color:#fff;display:grid;height:1.45rem;place-items:center;width:1.45rem}.bill-flow__receipt[data-v-9ffb2edd]{align-items:center;color:#5d514c;display:inline-flex;font-size:.75rem;font-weight:700;gap:.35rem;justify-content:center}.bill-flow__pos[data-v-9ffb2edd]{align-self:center;background:#1c191b;border-radius:1rem;box-shadow:inset 0 1px #ffffff0f,0 24px 50px -18px #180c0a8c;color:#f4efec;display:grid;gap:.6rem;margin:5rem 0 0 .9rem;min-width:0;padding:.95rem 1rem 1.05rem;position:relative;z-index:2}.bill-flow__pos header[data-v-9ffb2edd]{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.bill-flow__pos header>span[data-v-9ffb2edd]{align-items:center;color:#b8afb3;display:inline-flex;font-size:.6875rem;font-weight:700;gap:.4rem;letter-spacing:.06em;text-transform:uppercase}.bill-flow__pos header i[data-v-9ffb2edd]{background:#6fcf8e;border-radius:50%;box-shadow:0 0 0 .2rem #6fcf8e2e;height:.45rem;width:.45rem}.bill-flow__pill[data-v-9ffb2edd]{background:#3b2f22;border-radius:999px;color:#f0c27a;font-size:.6875rem;font-style:normal;font-weight:750;padding:.22rem .5rem;transition:background-color .4s ease,color .4s ease}.bill-flow.is-registered .bill-flow__pill[data-v-9ffb2edd]{background:#1f3b29;color:#8fdca7}.bill-flow__pos-table[data-v-9ffb2edd]{font-size:1.05rem;font-weight:800;margin:0}.bill-flow__pos-due[data-v-9ffb2edd]{background:#262225;border-radius:.6rem;display:grid;gap:.1rem;padding:.55rem .65rem}.bill-flow__pos-due small[data-v-9ffb2edd]{color:#a39aa0;font-size:.6875rem}.bill-flow__pos-due strong[data-v-9ffb2edd]{font-size:1.2rem;font-variant-numeric:tabular-nums;transition:color .4s ease}.bill-flow.is-registered .bill-flow__pos-due strong[data-v-9ffb2edd]{color:#8fdca7}.bill-flow__track[data-v-9ffb2edd]{display:grid;gap:.5rem;list-style:none;margin:.15rem 0 0;padding:0;position:relative}.bill-flow__track[data-v-9ffb2edd]:before{background:#3d3639;bottom:.45rem;content:"";left:.28rem;position:absolute;top:.45rem;width:1px}.bill-flow__track li[data-v-9ffb2edd]{align-items:center;color:#857c81;display:grid;font-size:.6875rem;gap:.55rem;grid-template-columns:.6rem minmax(0,1fr) auto;line-height:1.3;position:relative;transition:color .35s ease}.bill-flow__track i[data-v-9ffb2edd]{background:#1c191b;border:1.5px solid #5a5155;border-radius:50%;height:.6rem;transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease;width:.6rem}.bill-flow__track time[data-v-9ffb2edd]{color:#857c81;font-variant-numeric:tabular-nums}.bill-flow__track li.is-done[data-v-9ffb2edd]{color:#e9e3e6}.bill-flow__track li.is-done i[data-v-9ffb2edd]{background:#6fcf8e;border-color:#6fcf8e}.bill-flow__track li.is-active[data-v-9ffb2edd]{color:#f0c27a}.bill-flow__track li.is-active i[data-v-9ffb2edd]{background:#f0c27a;border-color:#f0c27a}button[data-v-9ffb2edd]:focus-visible{outline:3px solid #3971dd;outline-offset:2px}@container bill-flow (max-width: 31rem){.bill-flow__stage[data-v-9ffb2edd]{grid-template-columns:minmax(0,21rem)}.bill-flow__pos[data-v-9ffb2edd]{border-radius:0 0 1rem 1rem;margin:-1.1rem auto 0;padding:1.6rem .9rem .85rem;width:calc(100% - 1.5rem);z-index:0}.bill-flow__track[data-v-9ffb2edd]{gap:.4rem;grid-template-columns:repeat(3,minmax(0,1fr))}.bill-flow__track[data-v-9ffb2edd]:before{display:none}.bill-flow__track li[data-v-9ffb2edd]{font-size:.625rem;gap:.35rem;grid-template-columns:.55rem minmax(0,1fr)}.bill-flow__track time[data-v-9ffb2edd]{display:none}.bill-flow__pos-due[data-v-9ffb2edd]{align-items:center;grid-template-columns:1fr auto}}.bill-flow__more[data-v-9ffb2edd]{display:none!important}.bill-flow__more .bill-flow__name[data-v-9ffb2edd]{color:var(--muted)}:where(.feature-hero-visual)>.bill-flow[data-v-9ffb2edd]{padding:clamp(1rem,2.4vw,1.5rem) .75rem}@container bill-flow (min-width: 29.25rem){:where(.feature-hero-visual)>.bill-flow .bill-flow__stage[data-v-9ffb2edd]{grid-template-columns:minmax(0,17.5rem) minmax(0,11rem)}:where(.feature-hero-visual)>.bill-flow .bill-flow__pos[data-v-9ffb2edd]{border-radius:1rem;margin:4rem 0 0 .6rem;padding:.95rem .85rem 1rem;width:auto;z-index:2}:where(.feature-hero-visual)>.bill-flow .bill-flow__track[data-v-9ffb2edd]{gap:.5rem;grid-template-columns:none}:where(.feature-hero-visual)>.bill-flow .bill-flow__track[data-v-9ffb2edd]:before{display:block}:where(.feature-hero-visual)>.bill-flow .bill-flow__track li[data-v-9ffb2edd]{font-size:.6875rem;gap:.5rem;grid-template-columns:.6rem minmax(0,1fr) auto}:where(.feature-hero-visual)>.bill-flow .bill-flow__track time[data-v-9ffb2edd]{display:inline}:where(.feature-hero-visual)>.bill-flow .bill-flow__pos-due[data-v-9ffb2edd]{grid-template-columns:none}}@container bill-flow not (min-width: 29.25rem){:where(.feature-hero-visual)>.bill-flow[data-v-9ffb2edd]{padding-block:.75rem}:where(.feature-hero-visual)>.bill-flow .bill-flow__head[data-v-9ffb2edd]{padding-bottom:.55rem}:where(.feature-hero-visual)>.bill-flow .bill-flow__lines[data-v-9ffb2edd]{padding-block:.25rem}:where(.feature-hero-visual)>.bill-flow .bill-flow__lines li[data-v-9ffb2edd]{padding-block:.2rem}:where(.feature-hero-visual)>.bill-flow .bill-flow__receipt[data-v-9ffb2edd]{display:none}:where(.feature-hero-visual)>.bill-flow .bill-flow__sum[data-v-9ffb2edd]{margin-top:.35rem}:where(.feature-hero-visual)>.bill-flow .bill-flow__action[data-v-9ffb2edd]{margin-top:.6rem}:where(.feature-hero-visual)>.bill-flow .bill-flow__lines li[data-v-9ffb2edd]:nth-child(n+4):not(.bill-flow__more){display:none}:where(.feature-hero-visual)>.bill-flow .bill-flow__more[data-v-9ffb2edd]{display:grid!important}:where(.feature-hero-visual)>.bill-flow .bill-flow__tips[data-v-9ffb2edd]{padding-top:.25rem}:where(.feature-hero-visual)>.bill-flow .bill-flow__tips legend[data-v-9ffb2edd]{padding-block:.45rem .4rem}:where(.feature-hero-visual)>.bill-flow .bill-flow__pos[data-v-9ffb2edd]{align-items:center;display:flex;gap:.6rem;padding:1.45rem .85rem .7rem}:where(.feature-hero-visual)>.bill-flow .bill-flow__pos header[data-v-9ffb2edd]{display:contents}:where(.feature-hero-visual)>.bill-flow .bill-flow__pos-table[data-v-9ffb2edd]{font-size:.875rem;order:1;white-space:nowrap}:where(.feature-hero-visual)>.bill-flow .bill-flow__pos-due[data-v-9ffb2edd]{background:none;display:block;margin-left:auto;order:2;padding:0}:where(.feature-hero-visual)>.bill-flow .bill-flow__pos-due small[data-v-9ffb2edd]{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:where(.feature-hero-visual)>.bill-flow .bill-flow__pos-due strong[data-v-9ffb2edd]{font-size:.9375rem;white-space:nowrap}:where(.feature-hero-visual)>.bill-flow .bill-flow__pill[data-v-9ffb2edd]{order:3}:where(.feature-hero-visual)>.bill-flow .bill-flow__track[data-v-9ffb2edd]{display:none}}@container bill-flow (max-width: 19rem){:where(.feature-hero-visual)>.bill-flow .bill-flow__pos[data-v-9ffb2edd]{gap:.5rem}:where(.feature-hero-visual)>.bill-flow .bill-flow__pos-table[data-v-9ffb2edd]{display:none}}@keyframes bill-spin-9ffb2edd{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.bill-flow[data-v-9ffb2edd] *,.bill-flow[data-v-9ffb2edd] :after,.bill-flow[data-v-9ffb2edd] :before{animation:none!important;transition:none!important}}