.st2-tape{background:radial-gradient(120% 70% at 70% 10%,#ffffff14,#0000 60%),#000;flex-direction:column;height:100%;padding-top:clamp(28px,5svh,80px);display:flex;position:relative;overflow:hidden}.st2-lanes{flex-direction:column;gap:clamp(8px,1.2svh,16px);display:flex}.st2-lane{border-block:1px solid #ffffff0f;align-items:center;height:clamp(44px,6.2svh,72px);display:flex;position:relative}.st2-p{z-index:2;color:#a3a3a3;background:#000;border-radius:8px;padding:6px 10px;font-size:13px;position:absolute;left:6%}.st2-strip{width:max-content;animation:28s linear infinite st2-run;display:flex}.st2-lane.ln1 .st2-strip{animation-duration:34s}.st2-lane.ln2 .st2-strip{animation-duration:24s}.st2-lane.ln3 .st2-strip{animation-duration:40s}.st2-lane.still .st2-strip{animation-play-state:paused}.st2-pause{bottom:28px;top:auto!important;right:24px!important}@keyframes st2-run{to{transform:translate(-50%)}}.st2-run{gap:8px;padding-right:8px;display:flex}.st2-run i{background:linear-gradient(#ffffff29,#ffffff0d);border:1px solid #fff3;border-radius:10px;align-items:flex-end;width:clamp(96px,9vw,132px);height:clamp(36px,5svh,56px);padding:8px 10px;display:flex}.st2-run b{color:#e4e4e7;font-size:13px;font-style:normal;font-weight:500}.st2-run i{font-style:normal}.st2-lane.ln3 .st2-run i:nth-child(3n){background:#ffffff0d;border-color:#ffffff1a}.st2-mark{z-index:3;color:#000;background:#f5f5f5;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:606;transition:background .3s,box-shadow .3s;position:absolute;top:50%;left:42%;transform:translateY(-50%);box-shadow:0 0 0 6px #ffffff24}.st2-mark:before{content:"";background:#f5f5f5;width:2px;position:absolute;top:-14px;bottom:-14px;left:-8px}.st2-mark.down{color:#f5f5f5;box-shadow:none;background:#000;border:1.5px dashed #a3a3a3}.st2-bad{z-index:3;color:#f5f5f5;animation:st2-bounce .9s var(--ease) both;background:#000;border:1.5px solid #f5f5f5;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:606;position:absolute;right:8%}@keyframes st2-bounce{0%{opacity:0;transform:translate(-24px)}30%{opacity:1;transform:translate(0)}75%{opacity:1}to{opacity:0;transform:translate(18px)}}.st2-clients{flex-wrap:wrap;align-items:center;gap:8px;margin:0 6% 22px auto;padding:0 0 0 24px;display:flex}.st2-clients span{color:#d4d4d4;border:1px solid #ffffff2e;border-radius:999px;padding:8px 12px;font-size:13px}.st2-clients b{color:#000;background:#f5f5f5;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:606}.st2 .l2-stage.frame .l2-stage-copy{padding-bottom:clamp(40px,6svh,96px);position:relative}.st2 .l2-stage.frame .l2-stage-copy:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#000 45%);position:absolute;inset:-80px -100vw -200px}.st2-rul,.st2-rul-stick{position:relative}.st2-rul.pin .st2-rul-stick{top:var(--x-top,60px);height:calc(100svh - var(--x-top,60px));align-items:center;min-height:600px;display:flex;position:sticky;overflow:hidden}.st2-track{align-items:stretch;gap:20px;width:max-content;padding:0 24px;display:flex}.st2-rul:not(.pin){padding-block:clamp(96px,10vw,140px)}.st2-rul:not(.pin)>.st2-rul-stick>.st2-rul-h{width:min(100% - 48px,1440px);margin:0 auto 40px;padding:0}.st2-rul:not(.pin) .st2-track{scroll-snap-type:x proximity;scrollbar-width:none;width:auto;padding:0 24px 8px;scroll-padding-inline:24px;overflow-x:auto}.st2-rul:not(.pin) .st2-track>*{scroll-snap-align:start}.st2-rul-h{flex-direction:column;flex:none;justify-content:center;width:min(640px,80vw);padding-right:48px;display:flex}.st2-rul-h .l2-display{max-width:9ch}.st2-range{color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));margin:28px 0 0;font-size:14px}.st2-rec{background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--card));width:min(480px,84vw);min-height:min(560px,66svh);transition:background .5s var(--ease), color .5s var(--ease);border-radius:24px;flex-direction:column;flex:none;padding:36px;display:flex}.st2-rec:nth-of-type(odd){margin-top:6svh}.st2-rec.read{background:var(--lightningcss-light,#ededed)var(--lightningcss-dark,var(--surface-2))}.st2-big{color:#0000;-webkit-text-stroke:1.5px #a3a3a3;transition:color .6s var(--ease);margin:0 0 auto;padding-bottom:32px;font-size:64px;font-weight:497}.st2-rec.read .st2-big{color:var(--ink);-webkit-text-stroke-color:var(--ink)}.st2-ofs{color:var(--lightningcss-light,#404040)var(--lightningcss-dark,var(--text-secondary));justify-content:space-between;margin:14px 0 0;font-size:13px;display:flex}.st2-ofs span:last-child{color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground))}.st2-rec .l2-body{margin-top:18px;font-size:17px}.st2-figs{flex:none;grid-template-columns:repeat(2,minmax(0,400px));align-content:center;gap:48px 40px;margin:0 0 0 40px;padding:0;list-style:none;display:grid}.st2-figs li{flex-direction:column;gap:10px;display:flex}.st2-figs b{letter-spacing:-.05em;font-size:64px;font-weight:220;line-height:.95}.st2-figs li:first-child b{color:var(--ink);text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:.06em}.st2-figs span{font:500 14px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground))}.st2-commit{pointer-events:none;align-items:center;gap:14px;padding:0 24px;display:flex;position:absolute;bottom:max(28px,5svh);left:0;right:0}.st2-commit i{background:repeating-linear-gradient(90deg, var(--hair) 0 2px, transparent 2px 14px);flex:1;height:2px}.st2-commit p{color:var(--soft);margin:0;font-size:13px}.st2-commit b{color:var(--ink);font-weight:606}.st2-code-l{grid-column:1/span 5}.st2-code-r{grid-column:7/span 6}.st2-code-r .cf-code{border-radius:24px}.st2-code-r .cf-mark{background:var(--lightningcss-light,#e4e4e7)var(--lightningcss-dark,var(--secondary));color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink);border-radius:4px}.st2-check{background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--card));border-radius:24px;margin-top:48px;padding:26px}.st2-check label{flex-direction:column;gap:14px;display:flex}.st2-check input{border:1px solid var(--hair);background:var(--x-raised);height:56px;font:500 20px/1 var(--mono);color:var(--ink);border-radius:14px;outline:none;padding:0 18px;transition:border-color .2s,box-shadow .2s}.st2-check input:focus{border-color:var(--ink);box-shadow:0 0 0 4px var(--lightningcss-light,#0a0a0a1a)var(--lightningcss-dark,var(--border))}.st2-ans{min-height:52px;color:var(--soft);margin:16px 0 0;font-size:17px;line-height:1.45}.st2-ans b{color:var(--ink)}.st2-ans button{border:1px solid var(--lightningcss-light,#00000024)var(--lightningcss-dark,var(--border-control));background:var(--x-raised);min-height:36px;color:var(--ink);font:500 15px/1.6 var(--mono);cursor:pointer;transition:border-color .2s, transform var(--dur-press,.1s) var(--ease);border-radius:8px;margin:0 4px;padding:2px 10px}.st2-ans button:active{transform:scale(.98)}@media (hover:hover){.st2-ans button:hover{border-color:var(--ink)}}.st2-apis{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.st2-apis li{background:var(--x-raised);font:500 13px/1 var(--mono);color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));border-radius:8px;padding:7px 10px;transition:background .25s,color .25s}.st2-apis li.on{background:var(--ink);color:var(--x-on-ink)}@media (max-width:900px){.st2-tape{padding-top:96px}.st2-p{font-size:13px;left:16px}.st2-mark{white-space:nowrap;max-width:64vw;font-size:12px;left:30%}.st2-clients{display:none}.st2-rul-h{width:84vw;padding-right:0}.st2-rec{min-height:0;padding:26px 22px}.st2-rec:nth-of-type(odd){margin-top:0}.st2-figs{grid-template-columns:1fr 1fr;gap:28px 16px;width:84vw;margin-left:0}.st2-figs b{font-size:44px}.st2-code-l,.st2-code-r{grid-column:auto}.st2-code-r{margin-top:48px}.st2-ofs,.st2-apis li,.st2-range,.st2-p,.st2-mark,.st2-bad,.st2-run b{font-size:14px}}@media (prefers-reduced-motion:reduce){.st2-strip,.st2-bad{animation:none}}.st2-big{-webkit-text-stroke-width:1px;padding-bottom:24px;font-size:32px}.st2-figs b{letter-spacing:-.03em;font-size:32px;font-weight:400}.st2-figs{gap:32px 40px}.st2-rec{min-height:min(440px,56svh)}.st2-commit i{background:0 0;position:relative;overflow:hidden}.st2-commit i:before{content:"";background:repeating-linear-gradient(90deg, var(--lightningcss-light,#00000038)var(--lightningcss-dark,var(--border-focus)) 0 2px, transparent 2px 14px);animation:1.4s linear infinite st2-ants;position:absolute;inset:0 -14px 0 0}@keyframes st2-ants{to{transform:translate(-14px)}}@media (prefers-reduced-motion:reduce){.st2-commit i:before{animation:none}}@media (max-width:900px){.st2-big,.st2-figs b{font-size:28px}}.st2 .l2-stage{height:118svh}.st2-rec{transition:background .5s var(--ease), transform .3s cubic-bezier(.16, 1, .3, 1);position:relative;overflow:hidden}.st2-recs{border-top:1px solid var(--line);margin:auto -36px -36px;padding:18px 0 22px 36px;overflow:hidden}.st2-recs>div{gap:6px;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex}.st2-recs i{background:var(--x-raised);border:1px solid var(--x-e10);border-radius:8px;flex:none;align-items:flex-end;width:58px;height:40px;padding:6px 7px;font-style:normal;display:flex}.st2-recs i b{color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));font-size:12px;font-weight:500}.st2-recs i.on{background:var(--ink);border-color:var(--ink)}.st2-recs i.on b{color:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,var(--primary-foreground))}.st2-recs i.bad{border:1.5px dashed var(--ink);background:0 0}.st2-rec.read .st2-recs i.on{box-shadow:0 0 0 3px var(--x-e12)}@media (hover:hover){.st2-rec:hover{transform:translateY(-4px)}.st2-rec:hover .st2-recs>div{transform:translate(-64px)}}.st2-rec .l2-body{margin-bottom:24px}.st2-clients span{color:#a3a3a3;border:0;padding:8px 4px}.st2-p{white-space:nowrap}@media (max-width:900px){.st2 .l2-stage{height:auto}.st2-tape{padding-top:56px}.st2-mark{text-overflow:ellipsis;max-width:calc(76% - 16px);left:24%;overflow:hidden}.st2-rul:not(.pin) .st2-track{flex-direction:column;gap:12px;width:auto;padding:0 16px;overflow:visible}.st2-rul:not(.pin) .st2-rec{width:auto}.st2-figs{width:auto;margin:24px 0 0}.st2-recs{margin:18px -22px -26px;padding-left:22px}}.st2-commit-m{z-index:3;color:#a3a3a3;background:#0a0a0a;border-radius:999px;width:max-content;margin:16px auto 0;padding:10px 14px;font-size:13px;position:sticky;bottom:16px}.st2-commit-m b{color:#fafafa;font-weight:606}.st2-rec .st2-big{transition:color .6s var(--ease), -webkit-text-stroke-color .6s var(--ease)}.st2-recs i.on{transition:background .4s var(--ease), box-shadow .4s var(--ease)}.st2-rec:not(.read) .st2-recs i.on{background:var(--x-raised);border-color:var(--lightningcss-light,#0000004d)var(--lightningcss-dark,var(--border-selected))}.st2-rec:not(.read) .st2-recs i.on b{color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground))}@media (min-width:901px){.st2 .l2-stage{height:104svh}.st2 .l2-stage.frame .l2-stage-copy{padding-bottom:clamp(120px,24svh,240px)}}@media (max-width:900px){.st2 .l2-stage.frame .l2-stage-copy{padding-bottom:32px}.st2-tape{padding-top:24px}.st2 .l2-stage,.st2 .l2-stage-pin{height:600px!important;min-height:600px!important}}.st2-apis li.on{background:var(--ink);border-radius:6px;padding:4px 8px}.st2-mini{color:#f5f5f5;background:#0a0a0a;border:1px solid #ffffff1f;border-radius:24px;padding:24px 0 22px;position:relative;overflow:hidden}.st2-mini-k{color:#a3a3a3;justify-content:space-between;gap:12px;margin:0 76px 18px 24px;font-size:13px;display:flex}.st2-mini-k b{color:#f5f5f5;font-weight:500}.st2-mini-lane{border-block:1px solid #ffffff14;align-items:center;height:76px;display:flex;position:relative;overflow:hidden}.st2-mini-lane .st2-strip{animation-duration:30s}.st2-mini-lane.still .st2-strip{animation-play-state:paused}.st2-mini-lane .st2-mark{left:38%}.st2-mini .l2-pause{top:12px;right:12px}@media (max-width:900px){.st2-rul:not(.pin)>.st2-rul-stick>.st2-rul-h{width:min(100% - 32px,1440px);margin-bottom:28px}.st2-rul:not(.pin) .st2-track{padding:0 16px 8px;scroll-padding-inline:16px}.st2-rul:not(.pin) .st2-rec{width:82vw}.st2-mini-k{font-size:14px}}.st2-clients{gap:4px 14px;margin-bottom:18px}.st2-clients span,.st2-clients i{color:#8f8f8f;padding:0;font-size:13px;font-style:normal}.st2-clients b{color:#f5f5f5;background:0 0;padding:0;font-weight:500}.st2-p{background:linear-gradient(90deg,#000 72%,#0000);border-radius:0;align-items:center;padding:0 40px 0 6%;display:flex;top:0;bottom:0;left:0}.st2-bad-slot{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#000 34%);justify-content:flex-end;align-items:center;width:260px;padding-right:6%;display:flex;position:absolute;top:0;bottom:0;right:0}.st2-bad{animation-duration:2.2s;position:static}@media (min-width:901px){.st2 .l2-stage.frame .l2-stage-copy{padding-bottom:clamp(72px,11svh,120px)}.st2-tape{padding-top:clamp(20px,3svh,48px)}}@media (max-width:900px){.st2-p{padding-left:16px;padding-right:28px}.st2-mark{white-space:normal;max-width:calc(100% - 144px);padding:6px 10px;line-height:1.25;left:132px;overflow:visible}.st2-bad-slot{width:170px;padding-right:12px}}.st2-rec.cur .st2-recs>div{animation:5.6s step-end infinite st2-consume}@keyframes st2-consume{0%{transform:translate(0)}25%{transform:translate(-64px)}50%{transform:translate(-128px)}75%{transform:translate(-64px)}}.st2-rec .st2-big{transform-origin:0 100%;transition:color .6s var(--ease), -webkit-text-stroke-color .6s var(--ease), transform .6s cubic-bezier(.16, 1, .3, 1)}.st2-rec.cur .st2-big{transform:scale(1.5)}.st2-recs>div{transition:transform .45s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.st2-rec.cur:hover .st2-recs>div{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.st2-rec.cur .st2-recs>div{animation:none}.st2-rec.cur .st2-big{transform:none}}.st2-commit-m{margin:16px 0 0;position:static}.st2-apis li,.st2-apis li.on{background:0 0;padding:0}.st2-apis button{min-height:32px;font:500 13px/1 var(--mono);color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));cursor:pointer;transition:background .2s, color .2s, border-color .2s, transform var(--dur-press,.1s) var(--ease);background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 8px}.st2-apis button.on{background:var(--ink);color:var(--x-on-ink)}.st2-apis button:active{transform:scale(.96)}@media (hover:hover){.st2-apis button:not(.on):hover{border-color:var(--lightningcss-light,#0003)var(--lightningcss-dark,var(--border-focus));color:var(--ink);background:var(--x-raised)}}@media (max-width:900px){.st2-apis button{min-height:36px;font-size:14px}}.st2-grp{color:#f5f5f5;background:#0a0a0a;border:1px solid #ffffff1f;border-radius:24px;padding:22px 24px 18px;position:relative}.st2-grp-k{color:#a3a3a3;justify-content:space-between;gap:12px;margin:0 56px 16px 0;font-size:13px;display:flex}.st2-grp-k b,.st2-grp-k .st2-grp-b{color:#f5f5f5;font-weight:500}.st2-grp .l2-pause{top:12px;right:12px}.st2-grp-rows{gap:4px;margin:0;padding:0;list-style:none;display:grid}.st2-grp-rows li{font:500 13px/1.2 var(--mono);border-top:1px solid #ffffff14;grid-template-rows:auto auto;grid-template-columns:96px 1fr 56px;align-items:center;column-gap:14px;padding:10px 0;display:grid}.st2-grp-rows span{color:#a3a3a3}.st2-grp-rows i{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}.st2-grp-rows em{border-radius:inherit;transform-origin:0;background:#f5f5f5;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.st2-grp-rows b{text-align:right;font-variant-numeric:tabular-nums;font-weight:606}.st2-grp-rows small{color:#737373;grid-column:2/4;margin-top:6px;font-size:12px;transition:color .3s}.st2-grp-rows li.down em{background:0 0;box-shadow:inset 0 0 0 1.5px #a3a3a3}.st2-grp-rows li.down small{color:#e4e4e7}@media (max-width:900px){.st2-grp-rows li{grid-template-columns:88px 1fr 48px;font-size:13px}.st2-grp-rows small{font-size:12px}}.st2-p{background:linear-gradient(90deg,#000 calc(100% - 44px),#0000);padding-right:64px}.st2-bad-slot{background:linear-gradient(90deg,#0000,#000 40px)}@media (max-width:900px){.st2-p{background:linear-gradient(90deg,#000 calc(100% - 28px),#0000);padding-right:44px}.st2-bad-slot{width:190px}}.st2-grp-rows small{color:#8f8f8f}.st2-rec .st2-big{transform-origin:0 0}.st2-art{margin-top:28px}.st2.l2-page{background:var(--bg);--hair:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,var(--border));--muted:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));--soft:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground))}.st2 .l2-obj{background:var(--x-raised)}html:not(.light) .st2 .l2-pause:not(.dk){background:var(--surface-overlay)}.st2-code-r .cf-mark{background:var(--lightningcss-light,#e4e4e7)var(--lightningcss-dark,var(--secondary))}html:not(.light) .st2.l2-page{--st2-d-card:var(--card);--st2-d-foreground:var(--foreground);--st2-d-border:var(--border);--st2-d-border-selected:var(--border-selected);--st2-d-muted:var(--surface-2);--st2-d-muted-foreground:var(--muted-foreground);--st2-d-text-secondary:var(--text-secondary);--st2-d-secondary:var(--secondary)}html:not(.light) .st2.l2-page .cf-code.light{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--st2-d-card);color:var(--st2-d-foreground);border-color:var(--st2-d-border);box-shadow:none}html:not(.light) .st2.l2-page .cf-code.light .cf-code-bar{border-color:var(--st2-d-border)}html:not(.light) .st2.l2-page .cf-code.light .cf-code-bar>i{background:var(--st2-d-border-selected)}html:not(.light) .st2.l2-page .cf-code.light .cf-code-bar .x-copy{background:var(--st2-d-muted);border-color:var(--st2-d-border);color:var(--st2-d-muted-foreground)}html:not(.light) .st2.l2-page .cf-code.light .cf-code-k,html:not(.light) .st2.l2-page .cf-code.light .s{color:var(--st2-d-muted-foreground)}html:not(.light) .st2.l2-page .cf-code.light .k{color:var(--st2-d-text-secondary)}html:not(.light) .st2.l2-page .st2-code-r .cf-mark{background-color:var(--st2-d-secondary);color:var(--st2-d-foreground);box-shadow:inset 0 -2px 0 var(--st2-d-foreground);background-image:none}html:not(.light) .st2-rec,html:not(.light) .st2-check{box-shadow:inset 0 0 0 1px var(--border)}html:not(.light) .st2 .l2-stage>.l2-stage-pin{isolation:isolate}html:not(.light) .st2 .l2-stage>.l2-stage-pin:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--foreground) 36%, transparent) 1.5px, transparent 2.1px) 0 0 / 7px 7px;-webkit-mask-composite:source-in;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#00000026 32% 64%,#000),linear-gradient(#00000040,#000 85%);mask-image:linear-gradient(90deg,#000,#00000026 32% 64%,#000),linear-gradient(#00000040,#000 85%);-webkit-mask-composite:source-in;mask-composite:intersect}html:not(.light) .st2 .l2-stage>.l2-stage-pin:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 50% 0%, color-mix(in srgb, var(--foreground) 9%, transparent), transparent 70%);height:640px;position:absolute;inset:0 0 auto}