.Q30PBa_showcase{--window-height:calc(100cqh - 88px);background:var(--color-demo-background);color:var(--color-demo-text);text-align:left;font-variant-numeric:tabular-nums;font-size:12px;line-height:1.4;position:absolute;inset:0;overflow:hidden;container-type:size}.Q30PBa_chains{height:76px;position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.Q30PBa_chainTrack{width:max-content;height:100%;animation:30s linear infinite paused Q30PBa_blockchain-strip;display:flex}.Q30PBa_chainGroup{flex:none;align-items:center;display:flex}.Q30PBa_chain{width:max(160px,20cqw);color:var(--color-demo-muted);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.Q30PBa_chain img{object-fit:contain;width:28px;height:28px}.Q30PBa_showcase[data-running=true] .Q30PBa_chainTrack{animation-play-state:running}.Q30PBa_window{isolation:isolate;height:var(--window-height);border:1px solid var(--color-demo-border);background:var(--color-demo-surface);border-bottom:0;border-radius:14px 14px 0 0;flex-direction:column;display:flex;position:absolute;top:88px;left:22%;right:20px;overflow:hidden;box-shadow:0 24px 56px #0008,inset 0 1px #ffffff12}.Q30PBa_windowBar{border-bottom:1px solid var(--color-demo-border);background:var(--color-demo-raised);flex:none;align-items:center;height:38px;padding-inline:14.5px;display:flex;position:relative}.Q30PBa_lights{gap:6px;display:flex}.Q30PBa_lights span{border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 .5px #0002}.Q30PBa_lights span:first-child{background:#ff5f57}.Q30PBa_lights span:nth-child(2){background:#febc2e}.Q30PBa_lights span:nth-child(3){background:#28c840}.Q30PBa_windowTitle{color:var(--color-demo-muted);font-size:11px;position:absolute;left:50%;translate:-50%}.Q30PBa_app{flex-direction:column;flex:1;min-height:0;display:flex}.Q30PBa_overview{flex:none;align-items:center;gap:10px;padding:16px;display:flex}.Q30PBa_overview img{border-radius:8px;flex:none}.Q30PBa_identity{min-width:0}.Q30PBa_identity strong{white-space:nowrap;font-size:14px;display:block}.Q30PBa_identity strong span,.Q30PBa_identity small{color:var(--color-demo-muted);font-size:11px;font-weight:400}.Q30PBa_quote{color:var(--color-demo-buy);margin-left:auto;font-size:18px;font-weight:500}.Q30PBa_chart{flex:1;min-height:0;padding:0 12px 8px}.Q30PBa_chart [data-controls=false]{justify-content:flex-end}.Q30PBa_phone{z-index:1;width:min(36%, calc(var(--window-height) * .84 * 564 / 960));aspect-ratio:564/960;filter:drop-shadow(8px 8px 16px #0009);position:absolute;bottom:0;left:1.5%;-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}.Q30PBa_phoneScreen{background:var(--color-demo-background);border-radius:12% 12% 0 0/7% 7% 0 0;position:absolute;inset:3.44% 6.35% 3% 5.5%;overflow:hidden}.Q30PBa_phoneScreen img{width:100%;height:auto;display:block}.Q30PBa_phoneFrame{width:100%;height:auto;position:absolute;inset:0}@container (max-width:520px){.Q30PBa_window,.Q30PBa_phone{--window-height:calc(100cqh - 64px)}.Q30PBa_chains{height:48px}.Q30PBa_chain{gap:10px;width:132px;font-size:11px}.Q30PBa_chain img{width:20px;height:20px}.Q30PBa_window{border-radius:10px 10px 0 0;top:64px;right:8px}.Q30PBa_windowBar{height:28px;padding-inline:10px}.Q30PBa_lights{gap:4px}.Q30PBa_lights span{width:6px;height:6px}.Q30PBa_windowTitle{font-size:9px}.Q30PBa_overview{flex-wrap:wrap;gap:6px;padding:12px 10px}.Q30PBa_overview img{border-radius:5px;width:24px;height:24px}.Q30PBa_identity strong{font-size:10px}.Q30PBa_identity strong span{font-size:9px}.Q30PBa_identity small{display:none}.Q30PBa_quote{font-size:12px}.Q30PBa_chart{padding-inline:4px}}@container (max-height:320px){.Q30PBa_window,.Q30PBa_phone{--window-height:calc(100cqh - 48px)}.Q30PBa_chains{height:40px}.Q30PBa_window{top:48px}.Q30PBa_overview{padding-block:8px}.Q30PBa_windowBar{height:28px}}@keyframes Q30PBa_blockchain-strip{to{transform:translate(-50%)}}@media (max-width:699px){.Q30PBa_phone{width:min(82%,280px);top:64px;bottom:auto;left:50%;translate:-50%}}@media (max-width:699px) and (max-height:650px){.Q30PBa_phone{top:56px}}@media (prefers-reduced-motion:reduce){.Q30PBa_chainTrack{animation:none}}
