.app :is(.flow-page,.flow-nav){--flow-gutter:16px;--flow-top:12px;--flow-nav-gap:16px;--flow-section:32px;--flow-cta-reserve:calc(112px + env(safe-area-inset-bottom,0px))}@media (min-width:640px){.app :is(.flow-page,.flow-nav){--flow-gutter:24px;--flow-top:16px;--flow-nav-gap:24px}}@media (min-width:900px){.app :is(.flow-page,.flow-nav){--flow-gutter:40px;--flow-top:24px;--flow-nav-gap:32px;--flow-section:48px}}.app .flow-page{box-sizing:border-box;width:100%;min-width:0;max-width:calc(1120px + 2 * var(--flow-gutter));padding-top:var(--flow-top);padding-inline:max(var(--flow-gutter), env(safe-area-inset-left,0px)) max(var(--flow-gutter), env(safe-area-inset-right,0px));color:var(--ink);margin-inline:auto}.app .editor.result-editor:has(.flow-page){padding:0 0 48px}.app .main:has(>.flow-page){gap:0}.app .flow-nav{box-sizing:border-box;width:100%;max-width:1120px;min-height:44px;margin:0 auto var(--flow-nav-gap);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.app .flow-nav:has(+.flow-page){max-width:calc(1120px + 2 * var(--flow-gutter));padding:var(--flow-top) max(var(--flow-gutter), env(safe-area-inset-right,0px)) 0 max(var(--flow-gutter), env(safe-area-inset-left,0px))}.app .flow-nav+.flow-page{padding-top:0}.app .flow-page>.flow-nav{max-width:none;margin:0 0 var(--flow-nav-gap);padding:0}.app .flow-nav button{border:1px solid var(--line-2);background:var(--panel);height:36px;color:var(--ink-2);font:500 14px/1 var(--font);white-space:nowrap;cursor:pointer;touch-action:manipulation;border-radius:999px;align-items:center;gap:6px;padding:0 14px;text-decoration:none;display:inline-flex}.app .flow-nav button>span[aria-hidden]{font-size:16px;line-height:1}.app .flow-nav button{position:relative}.app .flow-nav button:after{content:"";position:absolute;inset:-4px 0}.app .flow-nav button:hover{border-color:var(--sage);color:var(--ink)}.app .flow-nav button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app .flow-nav-grid{margin-left:auto}.app .flow-split{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;min-width:0;display:grid}@media (min-width:900px){.app .flow-split{grid-template-columns:minmax(0,7fr) minmax(360px,5fr);gap:48px}.app .flow-split>:first-child{position:sticky;top:24px}.app .flow-split>.flow-media{margin-inline:auto 0}.app .flow-page>.flow-split{min-height:calc(100svh - 44px - 2 * var(--flow-nav-gap));align-content:center}}.app .flow-media{--flow-media-max:44svh;box-sizing:border-box;width:100%;max-width:calc(var(--flow-media-max) * var(--flow-ratio,1.3333));max-height:var(--flow-media-max);aspect-ratio:var(--flow-ratio,1.3333);border:1px solid rgb(var(--fg-rgb) / .08);background:0 0;border-radius:16px;margin-inline:auto;display:block;position:relative;overflow:hidden}@media (min-width:900px){.app .flow-media{--flow-media-max:min(72vh, 640px)}}.app .flow-media>:is(img,video,canvas){object-fit:contain;width:100%;height:100%;display:block}.app .flow-title{color:var(--ink);font:600 28px/1.15 var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0}.app .flow-h2{color:var(--ink);font:600 18px/1.3 var(--font);margin:0}.app .flow-eyebrow{color:var(--gold-text);font:600 11px/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase;margin:0}.app .flow-label{color:rgb(var(--fg-rgb) / .88);font:600 14px/1.4 var(--font);margin:0}.app .flow-body{color:rgb(var(--fg-rgb) / .64);font:400 15px/1.5 var(--font);margin:0}.app .flow-caption{color:rgb(var(--fg-rgb) / .56);font:400 13px/1.4 var(--font);margin:0}@media (min-width:900px){.app .flow-title{font-size:36px}.app .flow-h2{font-size:20px}.app .flow-eyebrow{font-size:12px}.app .flow-body{font-size:16px}}.app .flow-chips{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:0;padding:0;display:grid}@media (min-width:900px){.app .flow-chips{flex-wrap:wrap;display:flex}}@media (max-width:899px){.app .flow-chips>:last-child:nth-child(odd){grid-column:1/-1}}.app .flow-chip{box-sizing:border-box;border:1px solid rgb(var(--fg-rgb) / .2);min-width:0;height:40px;color:var(--ink);font:500 14px/1 var(--font);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;display:inline-flex;position:relative;overflow:hidden}.app .flow-chip>input{opacity:0;pointer-events:none;position:absolute}.app .flow-chip:hover{border-color:rgb(var(--fg-rgb) / .4)}.app .flow-chip:is([aria-pressed=true],[aria-checked=true],.is-selected,:has(input:checked)){border-color:var(--ink);background:var(--ink);color:var(--ink-inverse)}.app .flow-chip:is(:focus-visible,:has(input:focus-visible)){outline:2px solid var(--gold);outline-offset:2px}.app .flow-chip:disabled{opacity:.5;cursor:default}@media (max-width:899px){.app .flow-chip{white-space:normal;text-overflow:clip;text-align:center;height:auto;min-height:44px;padding-block:6px;line-height:1.2}}.app :is(.flow-btn-primary,.flow-btn-secondary){box-sizing:border-box;width:100%;height:56px;font:600 16px/1 var(--font);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;display:flex}.app :is(.flow-btn-primary,.flow-btn-secondary)>span:not(.go){white-space:normal;text-wrap:balance;min-width:0;line-height:1.15}.app .flow-btn-primary{border:1px solid var(--ink);background:var(--ink);color:var(--ink-inverse);justify-content:space-between;gap:12px;padding:0 10px 0 24px}@media (hover:hover){.app .flow-btn-primary:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 86%, var(--ink-inverse));background:color-mix(in srgb, var(--ink) 86%, var(--ink-inverse))}}.app .flow-btn-primary>.go{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;background:var(--ink-inverse)!important;color:var(--ink)!important}.app .flow-btn-secondary{border:1px solid rgb(var(--fg-rgb) / .2);color:var(--ink);background:0 0;justify-content:center;padding:0 24px}.app :is(.flow-btn-primary,.flow-btn-secondary):disabled{background:rgb(var(--fg-rgb) / .08);color:rgb(var(--fg-rgb) / .4);cursor:default;border-color:#0000}.app .flow-btn-primary:disabled>.go{background:rgb(var(--fg-rgb) / .08)!important;color:rgb(var(--fg-rgb) / .4)!important}.app :is(.flow-btn-primary,.flow-btn-secondary):focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (min-width:900px){.app :is(.flow-btn-primary,.flow-btn-secondary){height:52px}}.app .flow-cta{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}@media (max-width:899px){.app .flow-cta{z-index:30;padding:12px max(16px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));border-top:1px solid rgb(var(--fg-rgb) / .08);background-color:var(--bg-edge);position:fixed;inset:auto 0 0}.app .flow-page:has(.flow-cta){padding-bottom:var(--flow-cta-reserve)}html:has(.app .flow-page .flow-cta){scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}html[data-lite] .app .flow-cta{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-edge)}.app .flow-page:has(:is(textarea,input:not([type=checkbox],[type=radio],[type=range])):focus) .flow-cta{display:none}}@media (min-width:900px){.app .flow-cta{margin-top:32px}.app .flow-stack-24>.flow-cta{margin-top:8px}}.app :is(.flow-stack-4,.flow-stack-8,.flow-stack-12,.flow-stack-16,.flow-stack-24,.flow-stack-32,.flow-stack-48,.flow-stack-64){flex-direction:column;min-width:0;display:flex}.app .flow-stack-4{gap:4px}.app .flow-stack-8{gap:8px}.app .flow-stack-12{gap:12px}.app .flow-stack-16{gap:16px}.app .flow-stack-24{gap:24px}.app .flow-stack-32{gap:32px}.app .flow-stack-48{gap:48px}.app .flow-stack-64{gap:64px}
.onb-flow-grid{color:var(--ink)}.onb-flow-grid>header{gap:6px;margin-bottom:20px;display:grid}.onb-flow-grid>header p{color:var(--ink-3);margin:0;line-height:1.5}.onb-flow-grid-items{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;display:grid}.onb-flow-grid-items>button{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--ink);text-align:left;cursor:pointer;border-radius:14px;align-content:start;gap:8px;padding:8px;display:grid;overflow:hidden}.onb-flow-grid-items img,.onb-flow-grid-items>button>span{aspect-ratio:4/3;background:var(--sunken);object-fit:cover;border-radius:8px;place-items:center;width:100%;display:grid;overflow:hidden}.onb-flow-grid-items small{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;padding-inline:3px;overflow:hidden}.onb-flow-grid-items>.onb-flow-grid-add{text-align:center;border-style:dashed;align-content:center;place-items:center;min-height:120px}.onb-flow-grid-add>span{font-size:2rem;aspect-ratio:1!important;width:40px!important}.onb-flow-grid-items>button:hover{border-color:var(--sage)}@media (max-width:760px){.onb-flow-grid-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (max-width:360px){.onb-flow-grid-items{gap:8px}}
/*# sourceMappingURL=2m8rh20ybdoay.css.map*/