.frame_root__Dm8Fs{container:demo-window/inline-size}.frame_frame__iG62O{--kf-cyan:#03beeb;--kf-paper:#f4f6f9;--kf-hair:hsla(0,0%,100%,.08);--kf-wash:hsla(0,0%,100%,.05);--kf-text:hsla(0,0%,100%,.6);--kf-sheet:hsla(0,0%,100%,.08);--kf-bar-top:0.45em;--kf-tab-h:2.1em;--kf-band:0.4em;--kf-tab-r:0.5em;--kf-seam:calc(var(--kf-bar-top) + var(--kf-tab-h));--background:222 47% 11%;--foreground:0 0% 100%;--primary:192 97.5% 46.7%;--primary-foreground:222 47% 11%;--accent:217 33% 17%;--accent-foreground:0 0% 100%;--ring:192 97.5% 46.7%;--radius:0.625rem;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"lights tabs" "body body";border-radius:16px;border:1px solid var(--kf-hair);font-size:16px;font-size:min(20px,1.5625cqi);background:linear-gradient(180deg,transparent var(--kf-seam),var(--kf-sheet) var(--kf-seam)),linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,0) var(--kf-seam)),rgba(15,23,42,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 40px 90px -40px rgba(0,0,0,.85);color:#fff;-webkit-font-smoothing:antialiased}.frame_frame__iG62O:before{content:"";position:absolute;top:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(3,190,235,.6),transparent);pointer-events:none;z-index:3}.frame_frame__iG62O>.frame_well__D_4fN{grid-area:body}.frame_lights__vuXF7{grid-area:lights;align-self:start;display:flex;align-items:center;gap:.4em;height:var(--kf-tab-h);margin-top:var(--kf-bar-top);padding:0 .8em}.frame_lights__vuXF7>span{width:.6em;height:.6em;border-radius:9999px;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.25)}.frame_lights__vuXF7>span:first-child{background:#ff5f57}.frame_lights__vuXF7>span:nth-child(2){background:#febc2e}.frame_lights__vuXF7>span:nth-child(3){background:#28c840}.frame_tabList__2xlnq{grid-area:tabs;display:flex;align-items:stretch;min-width:0;height:var(--kf-tab-h);margin:var(--kf-bar-top) 0 var(--kf-band)}.frame_tab__AzfA6{position:relative;flex:0 1 auto;min-width:0;display:flex;align-items:center;padding:0 .8em;border:0;border-radius:var(--kf-tab-r) var(--kf-tab-r) 0 0;background:transparent;color:var(--kf-text);font:inherit;font-weight:500;letter-spacing:-.011em;line-height:1;white-space:nowrap;cursor:pointer;transition:color .15s ease}.frame_tabLabel__AVDm9{position:relative;z-index:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.frame_tab__AzfA6[data-state=inactive]:after{content:"";position:absolute;inset:.3em .15em;border-radius:.45em;transition:background-color .15s ease}.frame_tab__AzfA6[data-state=inactive]:before{content:"";position:absolute;left:-.5px;top:calc(50% - .45em);width:1px;height:.9em;background:hsla(0,0%,100%,.14);transition:opacity .15s ease}.frame_tab__AzfA6[data-state=active]+.frame_tab__AzfA6:before,.frame_tab__AzfA6[data-state=inactive]:first-child:before{opacity:0}@media (hover:hover){.frame_tab__AzfA6[data-state=inactive]:hover{color:hsla(0,0%,100%,.92)}.frame_tab__AzfA6[data-state=inactive]:hover:after{background-color:var(--kf-wash)}.frame_tab__AzfA6[data-state=inactive]:hover+.frame_tab__AzfA6[data-state=inactive]:before,.frame_tab__AzfA6[data-state=inactive]:hover:before{opacity:0}}.frame_facade__g2IFr,.frame_tab__AzfA6[data-state=active]{z-index:1;color:#fff;background:var(--kf-sheet);cursor:default}.frame_facade__g2IFr:after,.frame_facade__g2IFr:before,.frame_tab__AzfA6[data-state=active]:after,.frame_tab__AzfA6[data-state=active]:before{content:"";position:absolute;bottom:0;width:var(--kf-tab-r);height:var(--kf-tab-r);pointer-events:none}.frame_facade__g2IFr:before,.frame_tab__AzfA6[data-state=active]:before{left:calc(-1 * var(--kf-tab-r));background:radial-gradient(circle at 0 0,transparent calc(var(--kf-tab-r) - .5px),var(--kf-sheet) var(--kf-tab-r))}.frame_facade__g2IFr:after,.frame_tab__AzfA6[data-state=active]:after{right:calc(-1 * var(--kf-tab-r));background:radial-gradient(circle at 100% 0,transparent calc(var(--kf-tab-r) - .5px),var(--kf-sheet) var(--kf-tab-r))}.frame_tab__AzfA6:focus-visible{outline:2px solid var(--kf-cyan);outline-offset:-2px}.frame_newTab__OHOWN{flex:0 0 auto;align-self:center;width:1.6em;height:1.6em;margin-left:.3em;color:hsla(0,0%,100%,.45);background:linear-gradient(currentColor,currentColor) 50% /.65em .075em no-repeat,linear-gradient(currentColor,currentColor) 50% /.075em .65em no-repeat}.frame_facade__g2IFr,.frame_switcher__pfgdl{display:none}.frame_transport__AgS66{display:flex;flex:1 1 360px;align-items:center;gap:12px;min-width:0}.frame_scrubber__PR_lc{position:relative;display:flex;flex:1 1 auto;align-items:center;min-width:0;height:32px;touch-action:none;user-select:none;cursor:pointer}.frame_scrubber__PR_lc[data-disabled]{cursor:default}.frame_track__32yGA{position:relative;flex-grow:1;height:4px;overflow:hidden;border-radius:9999px;background:hsla(0,0%,100%,.14);-webkit-mask-image:var(--kf-seg-mask,none);mask-image:var(--kf-seg-mask,none)}.frame_range__tQljM{position:absolute;height:100%;background:var(--kf-cyan)}.frame_thumb__f21jy{display:block;width:14px;height:14px;border-radius:9999px;background:#fff;box-shadow:0 0 0 1px rgba(2,6,23,.35),0 1px 3px rgba(0,0,0,.5);transition:box-shadow .15s ease}.frame_scrubber__PR_lc:hover .frame_thumb__f21jy{box-shadow:0 0 0 1px rgba(2,6,23,.35),0 1px 3px rgba(0,0,0,.5),0 0 0 6px rgba(3,190,235,.18)}.frame_thumb__f21jy:focus-visible{outline:none;box-shadow:0 0 0 2px #0f172a,0 0 0 4px var(--kf-cyan)}.frame_scrubber__PR_lc[data-disabled] .frame_thumb__f21jy{opacity:0}.frame_time__kT_SP{flex:0 0 auto;min-width:72px;color:hsla(0,0%,100%,.55);font-size:12px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.frame_timeNow__8fflR{color:hsla(0,0%,100%,.92)}.frame_speed__vN21v{flex:0 0 auto;display:inline-flex;align-items:center;padding:2px;gap:2px;border-radius:9999px;border:1px solid var(--kf-hair);background:hsla(0,0%,100%,.03)}.frame_well__D_4fN{container:demo-stage/inline-size;position:relative;z-index:1;margin:0 8px 8px;padding:1px;border-radius:11px;background:linear-gradient(180deg,hsla(0,0%,100%,.16),hsla(0,0%,100%,.05) 40%,hsla(0,0%,100%,.04));box-shadow:0 18px 40px -24px rgba(0,0,0,.8)}.frame_stage__MpN3_{--kf-stage-layout:desktop;position:relative;aspect-ratio:var(--kf-replay-w) /var(--kf-replay-h);min-height:200px;max-height:calc(var(--kf-replay-h) * 1px);overflow:hidden;overscroll-behavior:contain;contain:layout style paint;border-radius:10px;clip-path:inset(0 round 10px);background:var(--kf-paper)}@container demo-stage (max-width: 768px){.frame_stage__MpN3_{--kf-stage-layout:phone;--kf-stage-reserve:calc(6rem + var(--kf-seam) + var(--kf-band) + 12px);aspect-ratio:auto;min-height:0;max-height:none;height:clamp(min(300px,100vh - 4rem - 11px),100vh - var(--kf-stage-reserve),680px);height:clamp(min(300px,100svh - 4rem - 11px),100svh - var(--kf-stage-reserve),680px);overflow:visible;overscroll-behavior:auto;contain:none}}.frame_panel__1e_3R{position:absolute;inset:0}.frame_panel__1e_3R[data-state=inactive]{visibility:hidden;pointer-events:none}.frame_panel__1e_3R:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--kf-cyan)}.frame_placeholder__8b6Rg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--kf-paper);color:#616c85;font-size:13px}@media (max-width:639px){.frame_frame__iG62O{border-radius:14px}.frame_frame__iG62O:before{left:20px;right:20px}.frame_transport__AgS66{gap:8px}.frame_time__kT_SP{display:none}.frame_well__D_4fN{margin:0 6px 6px}}@container demo-window (max-width: 939.98px){.frame_frame__iG62O{font-size:clamp(17px,5.6cqi,20px);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"facade switcher" "body body"}.frame_lights__vuXF7,.frame_newTab__OHOWN{display:none}.frame_facade__g2IFr{grid-area:facade;justify-self:start;align-self:start;position:relative;display:flex;align-items:center;min-width:0;max-width:calc(100% - 1.1em);height:var(--kf-tab-h);margin:var(--kf-bar-top) 0 var(--kf-band) .6em;padding:0 .8em;border-radius:var(--kf-tab-r) var(--kf-tab-r) 0 0;font-weight:500;letter-spacing:-.011em;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.frame_switcher__pfgdl{grid-area:switcher;align-self:start;display:grid;place-items:center;width:2.2em;height:2.2em;margin:calc(var(--kf-bar-top) - .05em) .3em 0 0;padding:0;border:0;border-radius:.5em;background:transparent;color:hsla(0,0%,100%,.88);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}@media (hover:hover){.frame_switcher__pfgdl:hover{background:var(--kf-wash)}}.frame_switcher__pfgdl:focus-visible{outline:2px solid var(--kf-cyan);outline-offset:-2px}.frame_count__JsAbf{display:grid;place-items:center;min-width:1.75em;height:1.75em;padding:0 .3em;border:.12em solid;border-radius:.42em;font-size:.65em;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.frame_switcher__pfgdl[aria-expanded=true] .frame_count__JsAbf{border-color:#fff;background:#fff;color:#0f172a}.frame_tabList__2xlnq{display:none;grid-area:body}.frame_tabList__2xlnq[data-open]{position:relative;z-index:2;display:flex;flex-direction:column;gap:.3em;height:auto;margin:0 8px 8px;padding:.4em;overflow-y:auto;border-radius:11px;background:rgba(10,15,28,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08);animation:frame_kf-overview-in__jSnD8 .16s ease-out}.frame_tabList__2xlnq[data-open] .frame_tab__AzfA6{flex:0 0 auto;height:2.4em;padding:0 .8em;border-radius:.45em;background:hsla(0,0%,100%,.03);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.78);cursor:pointer}@media (hover:hover){.frame_tabList__2xlnq[data-open] .frame_tab__AzfA6:hover{background:hsla(0,0%,100%,.07);color:#fff}}.frame_tabList__2xlnq[data-open] .frame_tab__AzfA6[data-state=active]{color:#fff;background:rgba(3,190,235,.1);box-shadow:inset 0 0 0 1px rgba(3,190,235,.45)}.frame_tabList__2xlnq[data-open] .frame_tab__AzfA6:after,.frame_tabList__2xlnq[data-open] .frame_tab__AzfA6:before{content:none}}@media (max-width:639px){.frame_tabList__2xlnq[data-open]{margin:0 6px 6px}}@keyframes frame_kf-overview-in__jSnD8{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.frame_switcher__pfgdl,.frame_tab__AzfA6,.frame_tab__AzfA6:after,.frame_tab__AzfA6:before,.frame_thumb__f21jy{transition:none}.frame_tabList__2xlnq[data-open]{animation:none}}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_69d019;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_69d019;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_69d019{font-family:__Inter_69d019,__Inter_Fallback_69d019;font-style:normal}