.how-step[data-astro-cid-hahnwogd]{text-align:left;width:100%;color:var(--muted-foreground);border-radius:10px;grid-template-columns:28px 1fr;align-content:start;gap:4px 10px;padding:10px 12px;transition:background-color .3s,color .3s;display:grid}.how-step[data-astro-cid-hahnwogd]:hover{background:var(--muted)}.how-step[data-astro-cid-hahnwogd]:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.how-step[data-astro-cid-hahnwogd][aria-pressed=true]{color:var(--foreground)}.how-num[data-astro-cid-hahnwogd]{border:1px solid var(--border);border-radius:99px;place-items:center;width:24px;height:24px;font:11px ui-monospace,SF Mono,Menlo,Consolas,monospace;transition:background-color .3s,border-color .3s,color .3s;display:grid}.how-step[data-astro-cid-hahnwogd][aria-pressed=true] .how-num[data-astro-cid-hahnwogd]{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.how-desc[data-astro-cid-hahnwogd]{grid-column:2;font-size:.875rem;line-height:1.55}.how-scene[data-astro-cid-hahnwogd]{background:var(--muted);border-radius:20px;margin-top:3rem;padding:36px 28px 28px 36px;position:relative;overflow:hidden}.how-dot[data-astro-cid-hahnwogd]{background:#0000001f;border-radius:99px;width:10px;height:10px}.how-brow[data-astro-cid-hahnwogd]{color:#171717;opacity:.45;background:#fff;border-radius:12px;flex-direction:column;width:min(100%,780px);height:460px;margin-left:auto;transition:width .7s cubic-bezier(.2,.8,.2,1),opacity .6s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #0000000f,0 30px 60px -36px #00000059}.how-scene[data-astro-cid-hahnwogd].is-wide .how-brow[data-astro-cid-hahnwogd]{opacity:1;width:100%}.how-brow-bar[data-astro-cid-hahnwogd]{border-bottom:1px solid #e6e6e6;flex:none;align-items:center;gap:6px;height:38px;padding:0 14px;display:flex}.how-url[data-astro-cid-hahnwogd]{color:#737373;background:#f7f7f7;border:1px solid #e6e6e6;border-radius:6px;flex:1;align-items:center;max-width:300px;height:24px;margin-left:12px;padding:0 12px;font:12px ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex}.site[data-astro-cid-hahnwogd]{flex:1;padding:28px 32px;position:relative}.site-nav[data-astro-cid-hahnwogd]{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.site-nav[data-astro-cid-hahnwogd] span[data-astro-cid-hahnwogd]{color:#737373;font-size:13px;font-weight:400}.site-hero[data-astro-cid-hahnwogd]{letter-spacing:-.02em;color:#333;max-width:26ch;margin-top:44px;font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.1}.site-sub[data-astro-cid-hahnwogd]{color:#737373;margin-top:12px;font-size:14px}.site-tiles[data-astro-cid-hahnwogd]{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.site-tiles[data-astro-cid-hahnwogd] i[data-astro-cid-hahnwogd]{background:#f0f0f0;border-radius:8px;height:90px}.how-title-code[data-astro-cid-hahnwogd],.how-term[data-astro-cid-hahnwogd].is-code .how-title-cc[data-astro-cid-hahnwogd]{display:none}.how-term[data-astro-cid-hahnwogd].is-code .how-title-code[data-astro-cid-hahnwogd]{display:inline}.cc-log[data-astro-cid-hahnwogd] li[data-astro-cid-hahnwogd].is-picked{background:#ffffff1f;border-radius:4px}.code[data-astro-cid-hahnwogd],.how-term[data-astro-cid-hahnwogd].is-code .cc[data-astro-cid-hahnwogd]{display:none}.how-term[data-astro-cid-hahnwogd].is-code .code[data-astro-cid-hahnwogd]{animation:.35s ease-out how-in;display:block}@keyframes how-in{0%{opacity:0}}.how-term[data-astro-cid-hahnwogd].is-code .code[data-astro-cid-hahnwogd]{counter-reset:ln;height:300px;padding:18px 24px 20px 0;font:13.5px/1.75 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow-x:auto}.code[data-astro-cid-hahnwogd] li[data-astro-cid-hahnwogd]{white-space:pre;counter-increment:ln;min-width:max-content;min-height:1.75em}.code[data-astro-cid-hahnwogd] li[data-astro-cid-hahnwogd]:before{content:counter(ln);text-align:right;color:#ffffff38;width:44px;padding-right:16px;display:inline-block}.how-caret[data-astro-cid-hahnwogd]{vertical-align:-.2em;background:#f5f5f5;width:7px;height:1.15em;animation:1s step-end infinite how-blink;display:inline-block}@keyframes how-blink{50%{opacity:0}}.site-popup[data-astro-cid-hahnwogd]{opacity:0;visibility:hidden;background:#0000004d;place-items:center;padding:16px;transition:opacity .45s,visibility .45s;display:grid;position:absolute;inset:0}.site-popup[data-astro-cid-hahnwogd] .hb-popup[data-astro-cid-hahnwogd]{transition:translate .55s cubic-bezier(.2,.8,.2,1),scale .55s;translate:0 16px;scale:.97}.site-popup[data-astro-cid-hahnwogd].is-open{opacity:1;visibility:visible}.site-popup[data-astro-cid-hahnwogd].is-open .hb-popup[data-astro-cid-hahnwogd]{translate:0;scale:1}.hb-popup[data-astro-cid-hahnwogd]{zoom:.62;color:#171717;white-space:normal;background:#fff;border-radius:12px;width:480px;max-width:100%;position:relative;overflow:hidden;box-shadow:0 20px 50px -20px #00000059}.site-close[data-astro-cid-hahnwogd]{z-index:2;color:#9a9a9a;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:8px;right:8px}.how-term[data-astro-cid-hahnwogd]{z-index:2;color:#e6e6e6;background:#121212;border-radius:12px;flex-direction:column;width:min(720px,100% - 72px);transition:translate .5s cubic-bezier(.2,.8,.2,1),opacity .5s,visibility .5s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%;box-shadow:0 30px 60px -20px #0000008c}.how-scene[data-astro-cid-hahnwogd].is-away .how-term[data-astro-cid-hahnwogd]{opacity:0;visibility:hidden;translate:-110% -50%}.how-term-bar[data-astro-cid-hahnwogd]{color:#ffffff80;background:#1a1a1a;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;height:32px;padding:0 12px;font:11px ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex}.how-term-bar[data-astro-cid-hahnwogd] .how-dot[data-astro-cid-hahnwogd]{background:#ffffff29;width:8px;height:8px}.how-term-status[data-astro-cid-hahnwogd]{color:#ffffff80;white-space:nowrap;border-top:1px solid #ffffff14;align-items:center;gap:8px;height:28px;padding:0 14px;font:11px ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex;overflow:hidden}.how-live[data-astro-cid-hahnwogd]{background:#2fdaa1;border-radius:99px;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #2fdaa12e}.cc[data-astro-cid-hahnwogd]{flex-direction:column;height:300px;padding:10px 14px 8px;font:12.5px/1.6 ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex}.cc-log[data-astro-cid-hahnwogd]{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;display:flex;overflow:hidden;mask-image:linear-gradient(#0000,#000 2em)}.cc-log[data-astro-cid-hahnwogd] li[data-astro-cid-hahnwogd]{white-space:pre;text-overflow:ellipsis;min-height:1.6em;overflow:hidden}.cc-log[data-astro-cid-hahnwogd] li[data-astro-cid-hahnwogd].is-pending{display:none}.cc-spin[data-astro-cid-hahnwogd]{color:#f69351;visibility:hidden;height:1.6em;margin-top:4px}.cc-spin[data-astro-cid-hahnwogd].is-on{visibility:visible}.cc-input[data-astro-cid-hahnwogd]{white-space:pre;border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;margin-top:2px;padding:4px 2px;overflow:hidden}.cc-p[data-astro-cid-hahnwogd]{color:#ffffff80}.cc-you[data-astro-cid-hahnwogd]{color:#ffffff9e}.cc-k[data-astro-cid-hahnwogd],.cc-say[data-astro-cid-hahnwogd]{color:#ebebeb}.cc-dot[data-astro-cid-hahnwogd]{color:#4dcb77}.cc-dot[data-astro-cid-hahnwogd].is-running{color:#ffffff8c;animation:.9s step-end infinite how-blink}.cc-tool[data-astro-cid-hahnwogd]{color:#f5f5f5;font-weight:600}.cc-args[data-astro-cid-hahnwogd]{color:#ccc}.cc-dim[data-astro-cid-hahnwogd]{color:#ffffff6b}.cc-link[data-astro-cid-hahnwogd]{color:#ebebeb;text-underline-offset:3px;text-decoration:underline #fff6}.tk-s[data-astro-cid-hahnwogd]{color:#a8a8a8}.tk-p[data-astro-cid-hahnwogd]{color:#757575}.tk-tag[data-astro-cid-hahnwogd]{color:#ccc}.tk-k[data-astro-cid-hahnwogd]{color:#f5f5f5}.tk-c[data-astro-cid-hahnwogd]{color:#707070}.tk-attr[data-astro-cid-hahnwogd]{color:#949494}@media (width<=699px){.how-scene[data-astro-cid-hahnwogd]{padding:16px}.how-brow[data-astro-cid-hahnwogd]{height:420px}.site[data-astro-cid-hahnwogd]{padding:20px}.site-nav[data-astro-cid-hahnwogd] span[data-astro-cid-hahnwogd]{display:none}.how-term[data-astro-cid-hahnwogd]{width:calc(100% - 32px);left:16px;translate:0 -50%}.how-scene[data-astro-cid-hahnwogd].is-away .how-term[data-astro-cid-hahnwogd]{translate:-40px -50%}.cc[data-astro-cid-hahnwogd],.how-term[data-astro-cid-hahnwogd].is-code .code[data-astro-cid-hahnwogd]{height:260px;font-size:11px}.hb-popup[data-astro-cid-hahnwogd]{zoom:.5}}@media (prefers-reduced-motion:reduce){.how-scene[data-astro-cid-hahnwogd] [data-astro-cid-hahnwogd]{transition:none!important}}.oss-term[data-astro-cid-hvoghu2r].is-armed .oss-line[data-astro-cid-hvoghu2r]{opacity:0}.oss-term[data-astro-cid-hvoghu2r].is-live .oss-line[data-astro-cid-hvoghu2r]{animation:10ms step-end forwards oss-print;animation-delay:calc(var(--i) * .22s)}.oss-caret[data-astro-cid-hvoghu2r]{animation:1s step-end infinite oss-blink}.oss-wrap[data-astro-cid-hvoghu2r]{white-space:pre-wrap;overflow-wrap:anywhere;text-indent:-2ch;padding-left:2ch}@media (width>=640px){.oss-wrap[data-astro-cid-hvoghu2r]{white-space:pre}}@keyframes oss-print{to{opacity:1}}@keyframes oss-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.oss-term[data-astro-cid-hvoghu2r] .oss-line[data-astro-cid-hvoghu2r],.oss-caret[data-astro-cid-hvoghu2r]{opacity:1!important;animation:none!important}}.af-stage{background-color:var(--background);background-image:radial-gradient(#00000013 1px,#0000 1.2px);background-position:9px 9px;background-size:18px 18px}.af-label{font:11px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground)}.af-label:before{content:"[ ";color:var(--foreground)}.af-label:after{content:" ]";color:var(--foreground)}.af-site{border:1px solid var(--border);background:var(--card);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 18px 40px -26px #0000004d}.af-chrome{border-bottom:1px solid var(--border);background:var(--muted);align-items:center;gap:5px;height:28px;padding:0 10px;display:flex}.af-chrome>i{background:var(--border);border-radius:99px;width:7px;height:7px}.af-chrome>span{font:10px var(--font-mono);color:var(--muted-foreground);margin-left:8px}.af-page{--s:linear-gradient(var(--muted), var(--muted));background:var(--s) 16px 16px / 40% 10px no-repeat, var(--s) 16px 36px / 64% 7px no-repeat, var(--s) 16px 50px / 52% 7px no-repeat, var(--s) 16px 76px / calc(50% - 22px) 70px no-repeat, var(--s) right 16px top 76px / calc(50% - 22px) 70px no-repeat, var(--s) 16px 162px / 58% 7px no-repeat, var(--s) 16px 176px / 44% 7px no-repeat;place-items:center;height:216px;display:grid;position:relative}.af-shade{background:#00000038;position:absolute;inset:0}.af-popup{background:#fff;border-radius:9px;width:min(196px,100% - 32px);padding:16px 14px 14px;position:relative;box-shadow:0 16px 36px -12px #00000073}.af-x{background:linear-gradient(45deg,#0000 45%,#a3a3a3 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,#a3a3a3 45% 55%,#0000 55%);width:8px;height:8px;position:absolute;top:9px;right:9px}.af-input{border:1px solid var(--border);height:28px;color:var(--foreground);white-space:nowrap;border-radius:6px;align-items:center;margin-top:11px;padding:0 8px;font-size:11px;display:flex;overflow:hidden}.af-caret{background:var(--foreground);width:1px;height:13px;margin-left:1px;display:none}.af-typing .af-caret{animation:1s step-end infinite af-blink;display:inline-block}@keyframes af-blink{50%{opacity:0}}.af-button{background:var(--foreground);height:28px;color:var(--background);border-radius:6px;place-items:center;margin-top:6px;font-size:11px;font-weight:500;transition:transform .15s,opacity .15s;display:grid}.af-button.is-pressed{opacity:.8;transform:scale(.96)}.af-script{border:1px solid var(--border);background:var(--card);height:30px;font:11px var(--font-mono);color:var(--muted-foreground);border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:0 5px 0 10px;display:flex}.af-script code{flex:1;min-width:0}.af-weight{background:var(--foreground);color:var(--background);border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:10px}.af-card{border:1px solid var(--border);background:var(--card);border-radius:10px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s;position:relative}.af-card:hover,.af-card:focus-visible,.af-card.is-hit{border-color:#00000059}.af-card:focus-visible{box-shadow:0 0 0 3px #0000001a}.af-card-row{align-items:center;gap:11px;display:flex}.af-glyph{border:1px solid var(--border);background:var(--muted);width:28px;height:28px;font:600 11px var(--font-mono);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.af-count{font:12px var(--font-mono);font-variant-numeric:tabular-nums;border-radius:5px;flex-shrink:0;padding:2px 7px;transition:background-color .3s,color .3s}.af-card.is-hit .af-count{background:var(--foreground);color:var(--background)}.af-port{z-index:1;border:1.5px solid var(--foreground);background:var(--background);border-radius:99px;width:9px;height:9px;transition:background-color .2s;position:absolute;translate:-50% -50%}.af-card>.af-port{top:50%;left:0}.af-card:first-child>.af-port{top:26px}.af-card.is-hit>.af-port,.af-card:hover>.af-port,.af-card:focus-visible>.af-port{background:var(--foreground)}.af-port-src{top:100%;left:20px;translate:-50% 6px}@media (width>=768px){.af-port-src{top:150px;left:100%;translate:-50% -50%}}.af-table{border-top:1px solid var(--border);margin-top:10px;overflow:hidden}.af-table ol{display:grid}.af-table li{border-bottom:1px solid var(--border);height:26px;font:11px var(--font-mono);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 2.2rem;align-items:center;gap:8px;display:grid}.af-table li:last-child{border-bottom:0}.af-table li.is-new{animation:.9s ease-out af-row}@keyframes af-row{0%{opacity:0;background:var(--muted);transform:translateY(-8px)}40%{opacity:1;background:var(--muted);transform:none}to{background:0 0}}.hero-browser{--z:.72;border:1px solid var(--border);background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 30px 60px -30px #00000047}.hero-chrome{border-bottom:1px solid var(--border);background:var(--muted);align-items:center;gap:6px;height:40px;padding:0 12px;display:flex}.hero-chrome>i{background:var(--border);border-radius:99px;width:10px;height:10px}.hero-url{border:1px solid var(--border);background:var(--card);max-width:240px;height:24px;color:var(--muted-foreground);border-radius:6px;flex:1;align-items:center;margin-left:10px;padding:0 10px;font:12px ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex}.hero-clock{border:1px solid var(--border);background:var(--card);font-variant-numeric:tabular-nums;height:24px;color:var(--foreground);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:0 9px 0 7px;font:11px ui-monospace,SF Mono,Menlo,Consolas,monospace;display:inline-flex}.hero-ring-bg,.hero-ring{fill:none;stroke-width:3px}.hero-ring-bg{stroke:var(--border)}.hero-ring{stroke:var(--foreground);stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .15s linear}.hero-page{background:var(--background);height:440px;position:relative;overflow:hidden}.hero-sk-page{--s:linear-gradient(var(--muted), var(--muted));background:var(--s) 28px 22px / 88px 12px no-repeat, var(--s) right 28px top 16px / 72px 24px no-repeat, var(--s) 28px 74px / 56% 22px no-repeat, var(--s) 28px 104px / 40% 22px no-repeat, var(--s) 28px 148px / 50% 9px no-repeat, var(--s) 28px 166px / 46% 9px no-repeat, var(--s) 28px 184px / 36% 9px no-repeat, linear-gradient(var(--border), var(--border)) 28px 212px / 104px 30px no-repeat, var(--s) right 28px top 74px / 32% 168px no-repeat, var(--s) 28px 290px / 28% 130px no-repeat, var(--s) center 290px / 28% 130px no-repeat, var(--s) right 28px top 290px / 28% 130px no-repeat, var(--s) 28px 452px / 60% 12px no-repeat, var(--s) 28px 474px / 52% 9px no-repeat, var(--s) 28px 492px / 56% 9px no-repeat, var(--s) 28px 540px / calc(50% - 40px) 150px no-repeat, var(--s) right 28px top 540px / calc(50% - 40px) 150px no-repeat, var(--s) 28px 730px / 46% 9px no-repeat, var(--s) 28px 748px / 40% 9px no-repeat;height:860px;transition:translate 1.4s cubic-bezier(.45,0,.2,1);position:absolute;inset:0 0 auto}.hero-sk-page.is-scrolled{translate:0 -420px}.hero-shade{opacity:0;background:#00000052;transition:opacity .4s;position:absolute;inset:0}.hero-shade.is-shown{opacity:1}.hero-slot{opacity:0;pointer-events:none;transition:opacity .45s,translate .55s cubic-bezier(.2,.8,.2,1);position:absolute}.hero-slot[data-layout=center]{place-items:center;padding:16px;display:grid;inset:0;translate:0 14px}.hero-slot[data-layout=bar-top]{inset:0 0 auto;translate:0 -100%}.hero-slot[data-layout=bar-bottom]{inset:auto 0 0;translate:0 100%}.hero-slot[data-layout=slide-in]{bottom:14px;right:14px;translate:115%}.hero-slot.is-shown{opacity:1;translate:0}.hero-frame{zoom:var(--z);width:var(--w);max-width:calc((640px - 32px) / var(--z));background:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 24px 60px -18px #0006}.hero-slot[data-layout^=bar] .hero-frame{border-radius:0;width:100%;max-width:none;box-shadow:0 1px #00000014,0 -1px #00000014}.hero-close{z-index:2;color:#9a9a9a;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:8px;right:8px}:is(.hero-frame,.hb-popup) .fe-page{--fe-page-pt:28px;--fe-page-pb:28px;--fe-page-pt-narrow:20px;--fe-page-pb-narrow:20px;--fe-header-spacer:28px;--fe-header-spacer-empty:0px;--fe-header-spacer-empty-narrow:0px;min-height:0}.hero-slot[data-layout=center] .hero-frame .fe-page{--fe-cover-h:clamp(110px, calc(440px / var(--z) / 4), 200px)}.hero-frame:has(.fe-page[data-fe-cover]) .hero-close{color:#111;background:#ffffffeb;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;top:8px;right:8px;box-shadow:0 1px 4px #0000002e}.hero-cursor{z-index:30;opacity:0;background:var(--foreground);clip-path:polygon(0 0,0 88%,26% 68%,44% 100%,60% 93%,43% 62%,78% 62%);width:14px;height:21px;transition:left 1.1s cubic-bezier(.5,0,.3,1),top 1.1s cubic-bezier(.5,0,.3,1),opacity .3s;position:absolute;top:78%;left:64%}.hero-cursor.is-on{opacity:1}.hero-cursor.is-leaving{top:10px;left:44%}@keyframes hero-blink{50%{opacity:0}}.hero-caret{animation:1s step-end infinite hero-blink}[data-link]{stroke-dasharray:var(--len,0);stroke-dashoffset:0}[data-link].is-hidden{stroke-dashoffset:var(--len,0)}[data-link].is-drawing{transition:stroke-dashoffset .7s ease-out}