:root,[data-vs-mode=light]{color-scheme:light;--vs-page: #f2ece4;--vs-canvas: #e8e0d5;--vs-surface: #fbf8f3;--vs-inset: #f6f1ea;--vs-field: #ede6dc;--vs-hover: #f0e9e0;--vs-hover-2: #e5dccf;--vs-ink: #0d0809;--vs-ink-2: #5a4f50;--vs-ink-3: #7a6f6e;--vs-ink-inverse: #f2ece4;--vs-line: #e3dbd0;--vs-line-strong: #d2c7ba;--vs-line-soft: #ece5db;--vs-accent: #e1232a;--vs-accent-ink: #b81a20;--vs-accent-tint: #f8dde5;--vs-on-accent: #ffffff;--vs-green: #357045;--vs-green-tint: #dfe8da;--vs-orange: #9e5812;--vs-orange-tint: #f3e2c8;--vs-red: #b0341b;--vs-red-tint: #f4d9cc;--vs-tooltip-bg: #0d0809;--vs-tooltip-fg: #f2ece4;--vs-tooltip-muted: #a99e97;--vs-tooltip-border: #2b2023;--vs-elev-ring: #e3dbd0;--vs-elev-ring-strong: #d2c7ba;--vs-shadow-xs: 0 1px 1px rgb(13 8 9 / .04), 0 1px 2px rgb(13 8 9 / .04);--vs-shadow-sm: 0 1px 2px rgb(13 8 9 / .04), 0 2px 4px rgb(13 8 9 / .04);--vs-shadow-md: 0 2px 4px rgb(13 8 9 / .04), 0 6px 14px rgb(13 8 9 / .05);--vs-shadow-lg: 0 4px 8px rgb(13 8 9 / .05), 0 16px 36px rgb(13 8 9 / .09);--vs-shadow-inset-field: inset 0 1px 2px rgb(13 8 9 / .1);--vs-font-sans: "Archivo Variable", "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--vs-font-stretch: 100%;--vs-font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--vs-radius-chip: 4px;--vs-radius-control: 6px;--vs-radius-card: 8px;--vs-radius-window: 12px;--vs-radius-pill: 999px;--vs-ease-out: cubic-bezier(.22, 1, .36, 1);--vs-ease-in-out: cubic-bezier(.77, 0, .175, 1);--vs-ease-link: cubic-bezier(.16, 1, .3, 1);--vs-duration-fast: .15s;--vs-duration: .3s}[data-vs-mode=dark],:root[data-theme=dark]{color-scheme:dark;--vs-page: #0d0809;--vs-canvas: #120b0d;--vs-surface: #1a1214;--vs-inset: #150e10;--vs-field: #231a1c;--vs-hover: #221a1c;--vs-hover-2: #2c2225;--vs-ink: #f2ece4;--vs-ink-2: #b5aba3;--vs-ink-3: #8a7f7a;--vs-ink-inverse: #0d0809;--vs-line: #2a2023;--vs-line-strong: #3a2e31;--vs-line-soft: #211819;--vs-accent: #e8272a;--vs-accent-ink: #f7a9b8;--vs-accent-tint: rgb(232 39 42 / .18);--vs-green: #7fbf8e;--vs-green-tint: rgb(127 191 142 / .14);--vs-orange: #e2a35c;--vs-orange-tint: rgb(226 163 92 / .14);--vs-red: #f08a6b;--vs-red-tint: rgb(240 138 107 / .14);--vs-tooltip-bg: #2a1f22;--vs-tooltip-border: #3a2e31;--vs-elev-ring: rgb(242 236 228 / .09);--vs-elev-ring-strong: rgb(242 236 228 / .13);--vs-shadow-xs: 0 1px 2px rgb(0 0 0 / .35);--vs-shadow-sm: 0 1px 2px rgb(0 0 0 / .25), 0 2px 6px rgb(0 0 0 / .25);--vs-shadow-md: 0 2px 10px rgb(0 0 0 / .3);--vs-shadow-lg: 0 8px 28px rgb(0 0 0 / .45);--vs-shadow-inset-field: inset 0 1px 2px rgb(0 0 0 / .45)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--vs-page: #0d0809;--vs-canvas: #120b0d;--vs-surface: #1a1214;--vs-inset: #150e10;--vs-field: #231a1c;--vs-hover: #221a1c;--vs-hover-2: #2c2225;--vs-ink: #f2ece4;--vs-ink-2: #b5aba3;--vs-ink-3: #8a7f7a;--vs-ink-inverse: #0d0809;--vs-line: #2a2023;--vs-line-strong: #3a2e31;--vs-line-soft: #211819;--vs-accent: #e8272a;--vs-accent-ink: #f7a9b8;--vs-accent-tint: rgb(232 39 42 / .18);--vs-green: #7fbf8e;--vs-green-tint: rgb(127 191 142 / .14);--vs-orange: #e2a35c;--vs-orange-tint: rgb(226 163 92 / .14);--vs-red: #f08a6b;--vs-red-tint: rgb(240 138 107 / .14);--vs-tooltip-bg: #2a1f22;--vs-tooltip-border: #3a2e31;--vs-elev-ring: rgb(242 236 228 / .09);--vs-elev-ring-strong: rgb(242 236 228 / .13);--vs-shadow-xs: 0 1px 2px rgb(0 0 0 / .35);--vs-shadow-sm: 0 1px 2px rgb(0 0 0 / .25), 0 2px 6px rgb(0 0 0 / .25);--vs-shadow-md: 0 2px 10px rgb(0 0 0 / .3);--vs-shadow-lg: 0 8px 28px rgb(0 0 0 / .45);--vs-shadow-inset-field: inset 0 1px 2px rgb(0 0 0 / .45)}}[data-vs-theme=neutral]{color-scheme:light;--vs-page: oklch(.985 .001 286.376);--vs-canvas: oklch(.961 .002 247.84);--vs-surface: oklch(1 0 0);--vs-inset: oklch(.979 .002 247.839);--vs-field: oklch(.961 .001 286.375);--vs-hover: oklch(.97 .002 247.839);--vs-hover-2: oklch(.933 .003 247.86);--vs-ink: oklch(.247 .006 258.361);--vs-ink-2: oklch(.506 .01 264.477);--vs-ink-3: oklch(.695 .009 264.505);--vs-ink-inverse: oklch(.985 .001 286.376);--vs-line: oklch(.946 .003 264.542);--vs-line-strong: oklch(.912 .005 258.326);--vs-line-soft: oklch(.966 .002 264.542);--vs-accent: oklch(.626 .205 254.947);--vs-accent-ink: oklch(.556 .187 255.617);--vs-accent-tint: oklch(.96 .019 252.878);--vs-on-accent: #ffffff;--vs-green: oklch(.603 .155 150.883);--vs-green-tint: oklch(.958 .017 159.118);--vs-orange: oklch(.689 .179 49.902);--vs-orange-tint: oklch(.964 .021 67.581);--vs-red: oklch(.621 .192 23.042);--vs-red-tint: oklch(.956 .017 17.462);--vs-tooltip-bg: oklch(.272 .008 264.435);--vs-tooltip-fg: oklch(.976 .002 247.839);--vs-tooltip-muted: oklch(.731 .008 260.731);--vs-tooltip-border: oklch(.356 .007 264.474);--vs-elev-ring: oklch(.946 .003 264.542);--vs-elev-ring-strong: oklch(.912 .005 258.326);--vs-shadow-xs: 0 1px 1px oklch(0 0 0 / .04), 0 1px 2px oklch(0 0 0 / .04);--vs-shadow-sm: 0 1px 2px oklch(0 0 0 / .04), 0 2px 4px oklch(0 0 0 / .04);--vs-shadow-md: 0 2px 4px oklch(0 0 0 / .04), 0 6px 14px oklch(0 0 0 / .06);--vs-shadow-lg: 0 4px 8px oklch(0 0 0 / .05), 0 16px 36px oklch(0 0 0 / .1);--vs-shadow-inset-field: inset 0 1px 2px oklch(0 0 0 / .12);--vs-font-sans: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--vs-font-stretch: 100%;--vs-font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--vs-radius-chip: 6px;--vs-radius-control: 8px;--vs-radius-card: 10px;--vs-radius-window: 14px;--vs-ease-out: cubic-bezier(.23, 1, .32, 1)}[data-vs-theme=neutral][data-vs-mode=dark],:root[data-theme=dark][data-vs-theme=neutral]{color-scheme:dark;--vs-page: oklch(.209 .004 264.477);--vs-canvas: oklch(.231 .004 264.487);--vs-surface: oklch(.26 .006 271.191);--vs-inset: oklch(.243 .004 264.492);--vs-field: oklch(.293 .006 271.223);--vs-hover: oklch(.289 .006 271.22);--vs-hover-2: oklch(.318 .007 274.747);--vs-ink: oklch(.964 .002 247.839);--vs-ink-2: oklch(.731 .008 260.731);--vs-ink-3: oklch(.541 .01 264.484);--vs-ink-inverse: oklch(.231 .004 264.487);--vs-line: oklch(.308 .006 258.354);--vs-line-strong: oklch(.356 .007 264.474);--vs-line-soft: oklch(.278 .006 258.354);--vs-accent: oklch(.68 .173 253.301);--vs-accent-ink: oklch(.788 .113 248.33);--vs-accent-tint: oklch(.68 .173 253.301 / .16);--vs-green: oklch(.705 .154 153.814);--vs-green-tint: oklch(.705 .154 153.814 / .14);--vs-orange: oklch(.746 .156 55.642);--vs-orange-tint: oklch(.746 .156 55.642 / .14);--vs-red: oklch(.666 .18 21.433);--vs-red-tint: oklch(.666 .18 21.433 / .14);--vs-tooltip-bg: oklch(.182 .004 264.459);--vs-tooltip-border: oklch(.308 .006 258.354);--vs-elev-ring: oklch(1 0 0 / .11);--vs-elev-ring-strong: oklch(1 0 0 / .15);--vs-shadow-xs: 0 1px 2px oklch(0 0 0 / .3);--vs-shadow-sm: 0 1px 2px oklch(0 0 0 / .2), 0 2px 6px oklch(0 0 0 / .2);--vs-shadow-md: 0 2px 10px oklch(0 0 0 / .22);--vs-shadow-lg: 0 8px 28px oklch(0 0 0 / .34);--vs-shadow-inset-field: inset 0 1px 2px oklch(0 0 0 / .4)}:root,[data-vs-mode],[data-vs-theme]{--vs-grid-line: color-mix(in srgb, var(--vs-line) 78%, transparent);--vs-shadow-hairline: 0 0 0 1px var(--vs-line);--vs-shadow-btn: 0 0 0 1px var(--vs-elev-ring-strong), var(--vs-shadow-xs);--vs-shadow-card: 0 0 0 1px var(--vs-elev-ring), var(--vs-shadow-sm);--vs-shadow-raised: 0 0 0 1px var(--vs-elev-ring), var(--vs-shadow-md);--vs-shadow-overlay: 0 0 0 1px var(--vs-elev-ring-strong), var(--vs-shadow-lg);--vs-focus-ring: 0 0 0 2px var(--vs-surface), 0 0 0 3.5px var(--vs-accent)}[data-vs-mode],[data-vs-theme]{color:var(--vs-ink);font-family:var(--vs-font-sans);font-stretch:var(--vs-font-stretch)}@keyframes vs-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vs-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes vs-pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes vs-shimmer-text{0%{background-position:150% center}to{background-position:-50% center}}@keyframes vs-pixel-on{0%,to{opacity:.15}18%,42%{opacity:1}62%{opacity:.15}}@keyframes vs-spin{to{transform:rotate(360deg)}}@keyframes vs-caret-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes vs-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}:where([hidden]){display:none!important}.vs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){:root{--vs-duration-fast: 0ms;--vs-duration: 0ms}}:where([data-vs-mode]) :focus-visible{outline:none}[data-vs-mode=light] .display{font-weight:360}[data-vs-mode=light] .display em{font-weight:400}.ui-pill.btn{padding:.6rem 1rem;gap:.5rem;font-size:.6rem;white-space:nowrap}.ui-pill.btn-ghost[data-copied]{border-color:var(--color-signal)}.ui-pill .i-done,[data-copied] .i-idle{display:none}[data-copied] .i-done{display:inline}.ui-icon-btn{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--vs-ink) 15%,transparent);background:var(--vs-page);color:var(--vs-ink);cursor:pointer;transition:color .2s var(--vs-ease-out),border-color .2s var(--vs-ease-out),transform .2s var(--vs-ease-out)}.ui-icon-btn:hover{color:var(--vs-accent);border-color:var(--vs-accent)}.ui-icon-btn:active{transform:scale(.94)}.ui-icon-btn:focus-visible{box-shadow:var(--vs-focus-ring)}.ui-icon-btn:not([data-copied]) .i-done{display:none}.ui-icon-btn[data-copied]{color:var(--vs-accent);border-color:var(--vs-accent)}.ui-toolbar{position:sticky;top:0;z-index:40;padding-top:4rem;background:color-mix(in srgb,var(--vs-page) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--vs-ink) 14%,transparent)}@media(min-width:768px){.ui-toolbar{padding-top:5rem}}.ui-search{display:flex;height:40px;align-items:center;gap:10px;padding:0 14px 0 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--vs-ink) 20%,transparent);color:var(--vs-ink);transition:border-color .2s var(--vs-ease-out),box-shadow .2s var(--vs-ease-out)}.ui-search:focus-within{border-color:var(--vs-accent);box-shadow:0 0 0 1px var(--vs-accent)}.ui-search svg{flex:none;opacity:.55}.ui-search input{min-width:0;flex:1;height:100%;border:0;background:transparent;color:inherit;font:inherit;font-size:.9rem;font-stretch:100%;outline:none}.ui-search input::placeholder{color:color-mix(in srgb,var(--vs-ink) 45%,transparent)}.ui-search kbd{display:none;min-width:20px;padding:2px 6px;border-radius:4px;border:1px solid color-mix(in srgb,var(--vs-ink) 18%,transparent);font:inherit;font-size:11px;line-height:1.2;text-align:center;color:color-mix(in srgb,var(--vs-ink) 55%,transparent)}@media(hover:hover){.ui-search kbd{display:inline-block}}.ui-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);padding-right:24px}.ui-cats::-webkit-scrollbar{display:none}@media(min-width:1024px){.ui-cats{-webkit-mask-image:none;mask-image:none;padding-right:0}}.ui-cat{flex:none;height:32px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--vs-ink) 16%,transparent);background:transparent;color:color-mix(in srgb,var(--vs-ink) 70%,transparent);font-family:var(--vs-font-sans);font-stretch:125%;font-size:.6rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:color .2s var(--vs-ease-out),background-color .2s var(--vs-ease-out),border-color .2s var(--vs-ease-out)}.ui-cat:hover{color:var(--vs-ink);border-color:color-mix(in srgb,var(--vs-ink) 40%,transparent)}.ui-cat[aria-pressed=true]{background:var(--vs-ink);border-color:var(--vs-ink);color:var(--vs-page)}.ui-cat:focus-visible{box-shadow:var(--vs-focus-ring)}.ui-code{margin:0;background:#160e10;color:#e9e2d9;box-shadow:inset 0 0 0 1px #f2ece41a;min-width:0}.ui-code__bar{display:flex;min-height:44px;align-items:center;gap:12px;padding:0 8px 0 16px;border-bottom:1px solid rgb(242 236 228 / .08)}.ui-code__bar .label{color:#f2ece48c}.ui-code__bar>:first-child{margin-right:auto}.ui-code__path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:12.5px;color:#f2ece4}.ui-code__dir{color:#f2ece473}.ui-code__copy{display:inline-flex;width:32px;height:32px;flex:none;align-items:center;justify-content:center;border-radius:999px;color:#f2ece4b3;cursor:pointer;transition:color .2s,background-color .2s}.ui-code__copy:hover{color:#fff;background:#f2ece414}.ui-code__copy:not([data-copied]) .i-done{display:none}.ui-code__copy[data-copied]{color:var(--color-signal)}.ui-code__copy:focus-visible{outline:1px solid var(--color-signal);outline-offset:1px}.ui-code pre.astro-code{margin:0;padding:18px 20px 20px;background:transparent!important;overflow-x:auto;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:13px;line-height:1.65;tab-size:2}.ui-code pre.astro-code code{font:inherit}.ui-code pre.astro-code::-webkit-scrollbar{height:6px}.ui-source.is-collapsed .ui-source__body{max-height:640px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.ui-source__more{display:flex;justify-content:center;padding:4px 16px 20px;color:#f2ece4}.ui-steps>li{display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:0 1rem;padding-block:2rem;border-top:1px solid color-mix(in srgb,var(--color-ink) 18%,transparent)}@media(min-width:768px){.ui-steps>li{grid-template-columns:4.5rem minmax(0,1fr);gap:0 2rem}}.ui-steps>li>.squeeze{font-size:2.75rem;color:color-mix(in srgb,var(--color-ink) 15%,transparent)}.ui-steps .ui-code{margin-top:1rem}.ui-ic{padding:.12em .4em;border-radius:4px;background:color-mix(in srgb,var(--color-ink) 7%,transparent);font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:.85em;overflow-wrap:anywhere}.ui-props{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5}.ui-props th,.ui-props td{padding:12px 16px 12px 0;text-align:left;vertical-align:top;border-bottom:1px solid color-mix(in srgb,var(--color-ink) 12%,transparent)}.ui-props thead th{padding-bottom:10px;border-bottom-color:color-mix(in srgb,var(--color-ink) 30%,transparent)}.ui-props code{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:12px}.ui-props .p-name code{padding:2px 6px;border-radius:4px;background:#e8e0d5;color:var(--color-ink);white-space:nowrap}.ui-props .p-type code,.ui-props .p-def code{color:color-mix(in srgb,var(--color-ink) 62%,transparent);overflow-wrap:anywhere}.ui-props .p-desc{color:color-mix(in srgb,var(--color-ink) 75%,transparent);padding-right:0}.ui-props .p-none{color:color-mix(in srgb,var(--color-ink) 30%,transparent)}@media(max-width:767px){.ui-props thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.ui-props,.ui-props tbody,.ui-props tr,.ui-props th,.ui-props td{display:block}.ui-props tr{padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--color-ink) 12%,transparent)}.ui-props th,.ui-props td{padding:0;border:0}.ui-props .p-type,.ui-props .p-def{display:inline}.ui-props tr>:first-child{margin-bottom:6px}.ui-props .p-def:before{content:" = ";color:color-mix(in srgb,var(--color-ink) 40%,transparent)}.ui-props .p-def:has(.p-none){display:none}.ui-props .p-desc{margin-top:6px}}.ui-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);transition:color .2s,text-decoration-color .2s}.ui-link:hover{color:var(--color-signal);text-decoration-color:currentColor}.ui-gallery{background:var(--vs-page);color:var(--vs-ink);transition:background-color .4s var(--vs-ease-out),color .4s var(--vs-ease-out)}:where([data-ui-stage],.fd-stage__cell) :is(.accent,.display,.subhead,.aside,.squeeze){font-family:inherit;font-stretch:inherit;font-size:inherit;font-weight:inherit;letter-spacing:normal;line-height:inherit;text-transform:none;color:inherit}@media(max-width:639px){.ui-code__dir{display:none}}
