.flow-demo[data-v-f5d12beb]{background:#f5f7fb;color:#23334b;isolation:isolate;min-height:100dvh;width:100%}.flow-demo--dark[data-v-f5d12beb]{background:#101a29;color-scheme:dark}.flow-settings__theme[data-v-f5d12beb]{border:0;margin:0 0 24px;min-width:0;padding:0}.flow-settings__theme legend[data-v-f5d12beb]{color:#fff;float:none;font-size:14px;font-weight:600;margin-bottom:10px;padding:0;width:auto}.flow-settings__theme>div[data-v-f5d12beb]{display:flex;gap:8px}.flow-settings__theme button[data-v-f5d12beb]{background:#304766;border:1px solid #6d809c;border-radius:9px;color:#fff;cursor:pointer;flex:1;font:600 14px/1.4 var(--_font-default,sans-serif);min-height:44px;padding:10px}.flow-settings__theme button[aria-pressed=true][data-v-f5d12beb]{background:#fff;border-color:#fff;box-shadow:inset 0 0 0 2px #acc8ef;color:#203451}.flow-demo[data-v-f5d12beb] .workspace{border:0;border-radius:0;min-height:100dvh}.flow-demo[data-v-f5d12beb] .workspace__body{margin:0 auto;max-width:1440px;padding-bottom:100px}.flow-demo__sr-only[data-v-f5d12beb]{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.flow-settings[data-v-f5d12beb]{bottom:max(24px,env(safe-area-inset-bottom));font:14px/1.5 var(--_font-default,sans-serif);position:fixed;right:max(24px,env(safe-area-inset-right));z-index:100}.flow-settings__toggle[data-v-f5d12beb]{background:#fff;border:1px solid #dce3ec;border-radius:50%;box-shadow:0 4px 22px #23334b18;color:#253b60;cursor:pointer;display:grid;height:52px;margin-left:auto;padding:0;place-items:center;width:52px}.flow-settings__toggle[data-v-f5d12beb]:hover,.flow-settings__toggle[aria-expanded=true][data-v-f5d12beb]{background:#253b60;color:#fff}.flow-settings__panel[data-v-f5d12beb]{background:#203451;border:1px solid #465a79;border-radius:20px;box-shadow:0 20px 60px #12233e45,0 0 0 4px #ffffffb3;box-sizing:border-box;color:#fff;margin-bottom:16px;max-height:calc(100dvh - 124px);overflow-y:auto;padding:24px;width:min(360px,calc(100vw - 48px))}.flow-settings__heading[data-v-f5d12beb]{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.flow-settings__panel h2[data-v-f5d12beb]{color:#fff;font-size:21px;font-weight:600;line-height:1.3;margin:0}.flow-settings__close[data-v-f5d12beb]{background:transparent;border:1px solid #61718a;border-radius:50%;color:#fff;cursor:pointer;display:grid;flex-shrink:0;font:26px/1 sans-serif;height:36px;padding:0;place-items:center;width:36px}.flow-settings__close[data-v-f5d12beb]:hover{background:#354d6d}.flow-settings__panel p[data-v-f5d12beb]{color:#d2dcec;font-size:15px;line-height:1.6;margin:0 0 24px}.flow-settings__panel a[data-v-f5d12beb]{align-items:center;border-radius:10px;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:space-between;line-height:1.4;min-height:48px;padding:12px 16px;text-decoration:none}.flow-settings__primary[data-v-f5d12beb]{background:#fff;border:1px solid #fff;color:#203451}.flow-settings__primary[data-v-f5d12beb]:hover{background:#e9eff8;color:#203451}.flow-settings__secondary[data-v-f5d12beb]{background:#304766;border:1px solid #6d809c;color:#fff;margin-top:10px}.flow-settings__secondary[data-v-f5d12beb]:hover{background:#405b7d;color:#fff}.flow-settings[data-v-f5d12beb] :is(a,button):focus-visible{outline:3px solid #91baff;outline-offset:4px}