.wallet-demo-backdrop,.wallet-demo-viewport{z-index:70}.wallet-demo-backdrop{background:color-mix(in srgb, var(--background) 68%, transparent);-webkit-backdrop-filter:none;transition:opacity .16s}.wallet-demo-backdrop[data-starting-style],.wallet-demo-backdrop[data-ending-style]{opacity:0}.wallet-demo-popup,.wallet-demo-tool-popup{transition:opacity .16s}.wallet-demo-popup[data-starting-style],.wallet-demo-popup[data-ending-style],.wallet-demo-tool-popup[data-starting-style],.wallet-demo-tool-popup[data-ending-style]{opacity:0}.wallet-demo-chrome-label{opacity:.7;border:1px solid;border-radius:4px;padding:0 4px;font-size:14px;line-height:1.4}.wallet-demo-search{padding:0 20px 12px}.wallet-demo-no-results{text-align:center;padding:24px;font-size:14px;line-height:1.5}.btc-okx-wallet{--wallet-paper:var(--flow-paper);--wallet-ink:var(--flow-ink);--wallet-green:var(--flow-pixel-glow);--wallet-negative:var(--btc-red);--wallet-apy-background:color-mix(in srgb, var(--wallet-green) 25%, var(--wallet-paper));--wallet-apy-foreground:color-mix(in srgb, var(--wallet-green) 35%, var(--wallet-ink));--flow-heading:var(--flow-ink);--flow-soft:color-mix(in srgb, var(--flow-ink) 58%, var(--flow-paper));--flow-line:color-mix(in srgb, var(--flow-ink) 10%, var(--flow-paper));--flow-tint:color-mix(in srgb, var(--flow-ink) 4%, var(--flow-paper));width:min(392px, var(--flow-available-width));max-width:var(--flow-available-width);height:min(662px, var(--flow-available-height));max-height:var(--flow-available-height);color:var(--wallet-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transform-origin:100% 0;outline:none;flex-direction:column;align-items:stretch;gap:0;font-size:14px;line-height:1.5;position:relative}.btc-okx-wallet .btc-flow-window{--card:var(--wallet-paper);--card-foreground:var(--wallet-ink);--muted-foreground:var(--flow-soft);width:100%;height:100%}.btc-okx-wallet :is(button,input):not([data-slot=input-group-control]):focus-visible{outline:2px solid var(--flow-soft);outline-offset:-2px}.btc-okx-unlock-scroll,.btc-okx-scroll{overscroll-behavior:contain;scrollbar-color:var(--flow-line) var(--wallet-paper);flex:1;min-width:0;min-height:0;overflow-y:auto}.btc-okx-unlock-body{flex-direction:column;align-items:center;min-height:100%;padding:32px 24px 12px;display:flex}.btc-okx-wallet .btc-okx-unlock-body>.btc-flow-pixel-logo{width:100px;height:100px}.btc-okx-wallet .btc-okx-unlock-body>h3{letter-spacing:-.04em;margin-top:28px;font-size:24px;font-weight:800;line-height:1.3}.btc-okx-tagline{color:var(--flow-soft);text-align:center;margin-top:8px;font-size:14px}.btc-okx-unlock-form{--flow-unlock-input-background:#f0f0f0;--flow-unlock-input-border:#070707;flex-direction:column;flex:1;width:100%;min-height:260px;margin-top:24px;display:flex}.btc-okx-unlock-form [data-slot=input-group]{background:var(--flow-unlock-input-background);min-height:52px;color:var(--wallet-ink);border:1px solid #0000;border-radius:10px;box-shadow:none!important}.btc-okx-unlock-form [data-slot=input-group]:focus-within{border-color:var(--flow-unlock-input-border);box-shadow:none!important}.btc-okx-unlock-form [data-slot=input-group-control]{height:50px;color:var(--wallet-ink);letter-spacing:-.025em;padding-left:14px;font-size:16px;font-weight:400;line-height:1.5;box-shadow:none!important;outline:none!important}.btc-okx-unlock-form [data-slot=input-group-control]::placeholder{color:var(--flow-soft);opacity:1}.btc-okx-unlock-form [data-slot=input-group-addon]{padding-right:12px}.btc-okx-unlock-actions{flex-direction:column;margin-top:auto;padding-top:28px;display:flex}.btc-okx-dashboard{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.btc-okx-account{align-items:center;gap:10px;padding:12px 16px 0;display:flex}.btc-okx-avatar{border-radius:10px;flex-shrink:0;width:38px;height:38px;overflow:hidden}.btc-okx-avatar img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.btc-okx-account-name{flex:1;min-width:0}.btc-okx-account-name>button:first-child{white-space:nowrap;align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.btc-okx-wallet-name{color:var(--flow-soft);font-size:14px}.btc-okx-account-tools{flex-shrink:0;display:flex}.btc-okx-balance{text-align:left;flex-direction:column;width:100%;padding:12px 16px 0;display:flex}.btc-okx-balance>strong{overflow-wrap:anywhere;letter-spacing:-.035em;font-variant-numeric:tabular-nums;max-width:100%;font-size:36px;font-weight:700;line-height:1.2}.btc-okx-pnl-row{align-items:center;gap:8px;display:flex}.btc-okx-period{align-items:center;gap:3px;font-weight:600;display:flex}.btc-okx-market-change{color:color-mix(in srgb, var(--wallet-green) 55%, var(--wallet-ink))}.btc-okx-market-change[data-negative=true]{color:var(--wallet-negative)}.btc-okx-actions{justify-content:space-between;padding:16px 18px;display:flex}.btc-okx-action-icon{background:var(--flow-tint);width:46px;height:46px;color:var(--wallet-ink);border-radius:50%;justify-content:center;align-items:center;display:flex}.btc-okx-actions .btc-okx-action-icon>svg{width:20px;height:20px}.btc-okx-categories{border-bottom:1px solid var(--flow-line);background:var(--wallet-paper);color:var(--wallet-ink);justify-content:space-between;align-items:center;padding:12px 16px 0;display:flex}.btc-okx-categories>button{color:var(--flow-soft);border-bottom:2px solid #0000;padding-bottom:10px;font-size:15px}.btc-okx-categories>button[aria-current=page]{border-bottom-color:var(--wallet-ink);color:var(--wallet-ink);font-weight:700}.btc-okx-categories>svg{align-self:flex-start;margin-top:4px}.btc-okx-coin-list{padding:2px 16px 16px}.btc-okx-coin{text-align:left;align-items:center;gap:12px;width:100%;padding:13px 0;display:flex}.btc-okx-coin>img{object-fit:contain;border-radius:50%;flex-shrink:0;width:38px;height:38px}.btc-okx-coin-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.btc-okx-coin-heading,.btc-okx-coin-values{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.btc-okx-coin-heading>strong{overflow-wrap:anywhere;text-align:right;min-width:0;font-size:15px}.btc-okx-coin-name{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.btc-okx-coin-name>strong{font-size:15px;font-weight:600}.btc-okx-coin-name .btc-okx-apy{background:var(--wallet-apy-background);height:auto;color:var(--wallet-apy-foreground);white-space:nowrap;border:0;border-radius:4px;padding:2px 4px;font-size:14px;font-weight:400;line-height:1.4}.btc-okx-coin-values{color:var(--flow-soft);font-size:14px}.btc-okx-coin-values>span{overflow-wrap:anywhere;min-width:0}.btc-okx-coin-values>span:last-child:not(:first-child){text-align:right}.btc-okx-manage{background:var(--wallet-paper);color:var(--wallet-ink);flex-shrink:0;justify-content:center;padding:8px 16px;display:flex}.btc-okx-manage [data-slot=button]{box-shadow:0 4px 16px color-mix(in srgb, var(--wallet-ink) 12%, transparent)}.btc-okx-connected-site{background:var(--wallet-paper);min-width:0;min-height:64px;color:var(--wallet-ink);box-shadow:0 -5px 18px color-mix(in srgb, var(--wallet-ink) 8%, transparent);flex-shrink:0;align-items:center;padding:8px 10px;display:flex;position:relative}.btc-okx-site-icon{object-fit:contain;border-radius:50%;flex-shrink:0;width:44px;height:44px}.btc-okx-site-details{flex:1;min-width:0;padding-inline:10px 8px}.btc-okx-site-domain{text-align:left;width:100%;min-width:0;display:flex}.btc-okx-site-domain>strong{letter-spacing:-.025em;font-size:16px;font-weight:700;line-height:24px}.btc-okx-site-meta{align-items:center;gap:6px;min-width:0;font-size:14px;line-height:20px;display:flex}.btc-okx-site-status{color:var(--flow-soft);flex-shrink:0}.btc-okx-site-meta>.btc-okx-site-meta-divider{align-self:center;height:14px}.btc-okx-site-address{align-items:center;gap:4px;min-width:0;font-weight:500;display:flex}.btc-okx-site-address>img{border-radius:50%;flex-shrink:0;width:16px;height:16px}.btc-okx-site-address>svg{color:var(--flow-soft);flex-shrink:0}.btc-okx-connected-site>.btc-okx-site-action-divider{align-self:center;height:26px}.btc-okx-site-toggle{--foreground:var(--wallet-negative);color:var(--wallet-negative);flex-shrink:0;display:flex}.btc-okx-save-status{color:var(--flow-soft);text-align:center;flex-shrink:0;padding:4px 12px 10px;font-size:14px;line-height:1.4}.btc-okx-feedback{flex-shrink:0;align-items:flex-start;max-height:30dvh;padding:4px 12px;display:flex;overflow-y:auto}.btc-okx-feedback [data-slot=alert]{background:var(--flow-tint);min-width:0;color:var(--wallet-ink);border:0;border-radius:0;flex:1}.btc-okx-feedback [data-slot=alert-description]{overflow-wrap:anywhere;color:var(--flow-soft);font-size:14px}.wallet-demo-tool-popup{--muted-foreground:color-mix(in srgb, var(--foreground) 70%, var(--card));border:1px solid var(--border);background:var(--card);width:min(620px,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--card-foreground);box-shadow:0 24px 80px color-mix(in srgb, var(--background) 70%, transparent);border-radius:16px;outline:none;flex-direction:column;font-size:14px;line-height:1.5;display:flex;overflow:hidden}.wallet-demo-tool-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex}.wallet-demo-tool-header h2{flex:1;font-size:18px;font-weight:650}.wallet-demo-tool-header>svg{color:var(--primary)}.wallet-demo-tool-body{overscroll-behavior:contain;flex-direction:column;gap:24px;min-height:0;padding:20px;display:flex;overflow-y:auto}.wallet-demo-tool-body>p{color:var(--muted-foreground)}.wallet-demo-tool-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;gap:12px;padding:16px 20px;display:flex}.wallet-demo-shortcut-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.wallet-demo-shortcut-groups h3{padding-bottom:12px;font-weight:650}.wallet-demo-key-list{flex-direction:column;gap:10px;display:flex}.wallet-demo-key-list>div{align-items:baseline;gap:12px;display:flex}.wallet-demo-key-list dt{flex-shrink:0;min-width:30px}.wallet-demo-key-list [data-slot=kbd]{min-width:30px;height:28px;font-size:14px}.wallet-demo-key-list dd{min-width:0;color:var(--muted-foreground);flex:1;justify-content:space-between;gap:8px;display:flex}.wallet-demo-key-list dd strong{color:var(--foreground);font-weight:500}.wallet-demo-help-note{border-top:1px solid var(--border);padding-top:16px}.wallet-demo-amount{width:min(390px,100vw - 2rem)}.wallet-demo-amount>form{flex-direction:column;min-height:0;display:flex}.wallet-demo-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.wallet-demo-drag-handle:active{cursor:grabbing}.wallet-demo-amount-breakdown{border:1px solid var(--border);border-radius:10px;flex-direction:column;padding-inline:12px;display:flex}.wallet-demo-amount-breakdown>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-block:12px;display:flex}.wallet-demo-amount-breakdown>div:last-child{border-bottom:none}.wallet-demo-amount-breakdown dt{color:var(--muted-foreground)}.wallet-demo-amount-breakdown dd{text-align:right;flex-direction:column;min-width:0;display:flex}.wallet-demo-amount-breakdown strong{overflow-wrap:anywhere;font-weight:600}.wallet-demo-amount-breakdown span{color:var(--muted-foreground)}.wallet-demo-connecting{--muted-foreground:color-mix(in srgb, var(--foreground) 70%, var(--card));border:1px solid var(--border);background:var(--card);width:min(370px,64.7dvh - 20.704px,100vw - 32px);height:min(572px,100dvh - 32px);min-height:0;color:var(--card-foreground);border-radius:min(40px,5.6cqh);outline:none;flex-direction:column;display:flex;overflow:hidden;container-type:size}.wallet-demo-connecting-header{flex-shrink:0;justify-content:space-between;align-items:center;height:9cqh;min-height:52px;padding-inline:min(24px,3.35cqh);display:flex}.wallet-demo-connecting-header h2{font-size:16px;font-weight:600}.wallet-demo-connecting-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:min(24px,4.2cqh);min-height:0;padding:min(12px,2.1cqh) min(24px,3.35cqh) min(24px,4.2cqh);transition:opacity .18s;display:flex}.wallet-demo-connecting-body[data-visible=false]{opacity:0;pointer-events:none}.wallet-demo-logo-ring{flex-shrink:0;justify-content:center;align-items:center;width:min(88px,15.4cqh);height:min(88px,15.4cqh);display:flex;position:relative}.wallet-demo-logo-ring>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wallet-demo-ring-trace{stroke:var(--primary);stroke-dasharray:40 280;animation:1.4s linear infinite wallet-demo-trace}.wallet-demo-logo-ring[data-complete=true] .wallet-demo-ring-trace{stroke:var(--btc-green);stroke-dasharray:none;animation:none}.wallet-demo-ring-check{border:3px solid var(--card);background:var(--btc-green);width:26px;height:26px;color:var(--background);border-radius:50%;justify-content:center;align-items:center;animation:.35s ease-out wallet-demo-verified;display:flex;position:absolute;bottom:-2px;right:-2px}.wallet-demo-connecting-copy{text-align:center}.wallet-demo-connecting-copy h3{font-size:17px;font-weight:600}.wallet-demo-connecting-copy p{color:var(--muted-foreground);padding-top:8px;font-size:14px;line-height:1.5}.wallet-demo-connecting[data-phase=verified] h3{color:var(--btc-green)}.wallet-demo-connecting-footer{border-top:1px solid var(--border);height:6.72cqh;min-height:40px;color:var(--muted-foreground);text-align:center;flex-shrink:0;justify-content:center;align-items:center;padding-inline:14px;font-size:14px;display:flex}@keyframes wallet-demo-trace{0%{stroke-dashoffset:0}to{stroke-dashoffset:-320px}}@keyframes wallet-demo-verified{0%{opacity:0;scale:.75}to{opacity:1;scale:1}}@media (max-width:520px){.wallet-demo-shortcut-groups{grid-template-columns:1fr}.wallet-demo-tool-header,.wallet-demo-tool-footer{padding:12px 16px}.wallet-demo-tool-body{padding:16px}.wallet-demo-tool-footer{flex-wrap:wrap}}@media (max-width:359px){.btc-okx-account{gap:6px;padding-inline:12px}.btc-okx-coin-list{padding-inline:12px}.btc-okx-coin{gap:8px}}@media (prefers-reduced-motion:reduce){.wallet-demo-backdrop,.wallet-demo-popup,.wallet-demo-tool-popup,.wallet-demo-connecting-body{transition:none}.wallet-demo-ring-trace,.wallet-demo-ring-check{animation:none}}