.DemoPhone_phone__Udx_v{--phone-w:300px;display:grid;justify-items:center;gap:4px;width:100%;min-width:0;margin:0}.DemoPhone_phone__Udx_v[data-size=lg]{--phone-w:340px}.DemoPhone_device__w5FR4{position:relative;width:clamp(281px,100%,var(--phone-w))}.DemoPhone_screen__Q9HTu{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:390/844;border:1px solid var(--op-line);border-radius:20px;background:#ffffff}@media (min-width:700px){.DemoPhone_device__w5FR4{width:var(--phone-w);max-width:100%}.DemoPhone_phone__Udx_v[data-framed=true] .DemoPhone_device__w5FR4{box-sizing:initial;max-width:calc(100% - 20px);padding:10px;border-radius:34px;background:#0b0f19;box-shadow:var(--op-shadow-phone)}.DemoPhone_phone__Udx_v[data-framed=true] .DemoPhone_screen__Q9HTu{border:0;border-radius:26px}}.DemoPhone_phone__Udx_v[data-size=fluid] .DemoPhone_device__w5FR4{box-sizing:border-box;width:100%;max-width:none;padding:3.1%;border-radius:11.3%/5.2%;background:#0b0f19;box-shadow:var(--op-shadow-phone)}.DemoPhone_phone__Udx_v[data-size=fluid] .DemoPhone_screen__Q9HTu{border:0;border-radius:9.3%/4.15%}.DemoPhone_posterLink__1lLQ1{position:absolute;inset:0;z-index:2;display:block}.DemoPhone_posterLink__1lLQ1[data-hidden=true]{opacity:0;pointer-events:none;transition:opacity .24s var(--op-ease)}.DemoPhone_poster__7xvyX{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.DemoPhone_scaler__6tpoA{position:absolute;top:0;left:0;z-index:1;transform-origin:0 0}.DemoPhone_frame__H7UCT{display:block;width:100%;height:100%;border:0;background:#ffffff}.DemoPhone_progress__OhUir{position:absolute;top:0;left:0;right:0;z-index:3;height:2px;overflow:hidden;background:color-mix(in srgb,var(--accent-500) 22%,transparent);pointer-events:none}.DemoPhone_progress__OhUir:after{content:"";position:absolute;inset:0;width:40%;background:var(--op-accent-fill);animation:DemoPhone_demoPhoneProgress__4XWOM 1.2s var(--op-ease) infinite}@keyframes DemoPhone_demoPhoneProgress__4XWOM{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.DemoPhone_overlay__bGrSt{position:absolute;inset:0;z-index:4;display:grid;align-items:end;justify-items:center;margin:0;padding:0 12px 16px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.DemoPhone_overlay__bGrSt[aria-disabled=true]{cursor:progress}.DemoPhone_hint__S__4l{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 14px;border-radius:999px;background:rgb(15 23 42/.88);box-shadow:0 0 0 1px rgb(255 255 255/.14),0 8px 20px -8px rgb(0 0 0/.5);color:#ffffff;font-size:.8125rem;font-weight:600;line-height:1.3;transition:transform .16s var(--op-ease),background-color .16s var(--op-ease)}.DemoPhone_hintDot__n6Mgq{flex:none;width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgb(16 185 129/.28)}@media (hover:hover) and (pointer:fine){.DemoPhone_overlay__bGrSt:not([aria-disabled=true]):hover .DemoPhone_hint__S__4l{background:rgb(15 23 42/.96);transform:translateY(-2px)}}.DemoPhone_overlay__bGrSt:not([aria-disabled=true]):active .DemoPhone_hint__S__4l{transform:scale(.98)}.DemoPhone_overlay__bGrSt:focus-visible,.DemoPhone_posterLink__1lLQ1:focus-visible{outline:2px solid var(--op-ring);outline-offset:-5px}@supports selector(:has(*)){.DemoPhone_overlay__bGrSt:focus-visible,.DemoPhone_posterLink__1lLQ1:focus-visible{outline:none}.DemoPhone_screen__Q9HTu:has(.DemoPhone_frame__H7UCT:focus),.DemoPhone_screen__Q9HTu:has(.DemoPhone_overlay__bGrSt:focus-visible),.DemoPhone_screen__Q9HTu:has(.DemoPhone_posterLink__1lLQ1:focus-visible){outline:2px solid var(--op-ring);outline-offset:2px}}.DemoPhone_bar__JWyoS{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 16px;min-height:44px;max-width:100%;color:var(--op-ink-3);font-size:.8125rem;line-height:1.4;text-align:center}.DemoPhone_barStatus__7MGKN{color:var(--op-ink-2)}.DemoPhone_open__Z_29z{display:inline-flex;align-items:center;gap:6px;min-height:44px;border-radius:6px;color:var(--op-ink-2);text-decoration:underline;text-decoration-color:var(--op-line-strong);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .16s var(--op-ease)}.DemoPhone_open__Z_29z[data-alert=true]{color:var(--op-accent-ink);font-weight:600;text-decoration-color:var(--op-accent-line)}.DemoPhone_openArrow__CB_oS{transition:transform .16s var(--op-ease)}.DemoPhone_done__jRuPd{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:var(--op-accent-ink);font:inherit;font-weight:600;cursor:pointer;touch-action:manipulation;transition:color .16s var(--op-ease)}.DemoPhone_done__jRuPd:focus-visible,.DemoPhone_open__Z_29z:focus-visible{outline:2px solid var(--op-ring);outline-offset:2px}.DemoPhone_done__jRuPd:active,.DemoPhone_open__Z_29z:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.DemoPhone_open__Z_29z:hover{color:var(--op-accent-ink);text-decoration-color:initial}.DemoPhone_open__Z_29z:hover .DemoPhone_openArrow__CB_oS{transform:translate(2px,-2px)}.DemoPhone_done__jRuPd:hover{color:var(--op-accent-ink-strong)}}@media (prefers-reduced-motion:reduce){.DemoPhone_done__jRuPd,.DemoPhone_hint__S__4l,.DemoPhone_openArrow__CB_oS,.DemoPhone_open__Z_29z,.DemoPhone_posterLink__1lLQ1[data-hidden=true]{transition:none}.DemoPhone_progress__OhUir:after{width:100%;opacity:.6;animation:none}.DemoPhone_done__jRuPd:active,.DemoPhone_open__Z_29z:active,.DemoPhone_open__Z_29z:hover .DemoPhone_openArrow__CB_oS,.DemoPhone_overlay__bGrSt:not([aria-disabled=true]):active .DemoPhone_hint__S__4l,.DemoPhone_overlay__bGrSt:not([aria-disabled=true]):hover .DemoPhone_hint__S__4l{transform:none}}